📝 AngularJS教程
376篇技术文档📅  最后修改于: 2021-05-13 18:51:37        🧑  作者: Mango
AngularJS中的函数用于执行一些经常执行的任务或阐明某些内容。例如,AngularJS angular.isArray()函数用于验证分配的对象是否为数组。下面列出了AngularJS函数的完整列表:AngularJS angular.bind()函数AngularJS angular.bootstrap()函数AngularJS angular.element()函数AngularJS a...
📅  最后修改于: 2021-05-13 18:52:02        🧑  作者: Mango
AngularJS中的angular.isNumber()函数用于确定isNumber函数的参数是否为数字。如果引用是数字,则返回true,否则返回false。句法:返回值:如果传递的值是数字,则返回true,否则返回false。示例:此示例使用angular.isNumber()函数确定给定的输入是否为数字。输出:...
📅  最后修改于: 2021-05-13 18:52:27        🧑  作者: Mango
AngularJS中的范围是HTML视图和JavaScript控制器的绑定部分。当您将属性添加到JavaScript控制器中的作用域对象中时,只有HTML视图才能访问这些属性。 AngulerJS中有两种类型的范围。$作用域$ rootScope范围:以下列出了几个特定的功能:HTML视图当前视图(称为模型)可用的数据制作/更改/删除/控制数据的JavaScript函数称为Controller。句...
📅  最后修改于: 2021-05-13 18:52:55        🧑  作者: Mango
AngularJS提供了名为AJAX – $ http的控制服务,该服务用于读取远程服务器上所有可用数据的任务。当服务器使用浏览器进行数据库调用时,可以满足对所需记录的需求。数据大多需要JSON格式。这主要是因为对于传输数据而言,JSON是一种亚马逊方法,并且在AngularJS,JavaScript等中使用起来也很简单明了。句法:方法:有很多方法可以用来调用$ http服务,这也是调用$ htt...
📅  最后修改于: 2021-05-13 18:53:15        🧑  作者: Mango
AngluarJS中的ng-keypress指令用于对按键事件应用自定义行为。它由<input>,<select>和<textarea>元素支持。句法:当按下键时,表达式表示要做什么。示例:此示例使用ng-keypress指令显示键值。输出:...
📅  最后修改于: 2021-05-13 18:53:42        🧑  作者: Mango
Angular是一个应用程序设计框架和开发平台,用于创建高效且复杂的单页应用程序。它与它的第一个版本相比已发生了很大的变化。而且它还在其发行版中不断添加新功能和修改,这是一件好事。但是有时我们在先前版本中使用的内容在最新版本中会停止工作。 HammerJS也是如此。HammerJS是一个非常好的开源库,可以识别由触摸,鼠标和指针事件引起的手势。您可以在此处阅读有关HammerJS及其文档的更多信息...
📅  最后修改于: 2021-05-13 18:54:04        🧑  作者: Mango
要在网页中包含图标,可以使用mat-icon指令。以前它被称为md-icon。最好使用mat-icon,因为它们可以提供SVG图标,即基于矢量的图标,可以适应任何分辨率和尺寸,另一方面,基于栅格的图标具有固定的点模式,如果指定大小,则将其指定大小。分辨率变化。方法:首先,我们必须使用以下语法将字体库加载到您的HTML文件中:<link href=”https://fonts.googleapis....
📅  最后修改于: 2021-05-13 18:54:54        🧑  作者: Mango
在这篇文章中,我们将看到从一个组件导航到另一个组件时如何显示加载屏幕。当用户浏览路线时,该应用程序可能会与后端通信以加载一些有用的数据,并且可能会产生一些延迟。那时,如果用户在屏幕上看不到任何东西,他可能会认为该应用程序已损坏或客户端计算机出现问题。因此,有必要借助一些消息或加载动画来保持用户与应用程序的互动。先决条件:必须安装NPM环境设置:我们将创建一个简单的应用,该应用将在导航时模拟一些延迟...
📅  最后修改于: 2021-05-13 18:55:28        🧑  作者: Mango
Angular Material是一个由Angular团队开发的UI组件库,用于为台式机和移动Web应用程序构建设计组件。为了使用它,我们需要在我们的项目中安装angular,拥有它之后,您可以输入以下命令并下载它。安装语法:角形材质中按钮的类型:角形材质中存在的按钮称为<mat-button>。它们是多种类型的带角材料的按钮,它们是:Button NameThe tag used for the...
📅  最后修改于: 2021-05-13 18:56:04        🧑  作者: Mango
给定一个数组nd的任务是获取AngularJS中数组变量的长度。为此,我们将使用.length()方法获取数组变量的长度。示例1:在此示例中,警报框显示了数组长度。HTMLHTML输出:在单击按钮之前:单击按钮后:示例2:在此示例中,长度显示在<p>元素内部。的HTML输出:...
📅  最后修改于: 2021-05-13 18:56:59        🧑  作者: Mango
在Angular 2中,处理复杂表格的最好方法是使用反应式表格。下面我们将详细说明如何触发登录页面的表单验证器。在反应形式中,我们使用FormControl,并使用它来访问表单的子字段及其属性。它们的一些属性是脏的,被触摸的,未被触摸的,原始的,有效的,错误的等。使用这些属性,我们实际上可以根据需求触发验证。脏:如果用户将子字段的值从默认值更改,则此属性将被激活。触摸:如果用户访问子字段,则触摸的...
📅  最后修改于: 2021-05-13 18:57:21        🧑  作者: Mango
要设置组件的宿主元素的样式,请使用ng-style指令。 CSS属性有助于组件的样式。方法:主机组件的样式使用CSS属性,可以在需要时进行更改,修改和更新。CSS属性列出如下:color:用于设置字体颜色。background-color:用于设置背景色。font-size:用于设置字体大小。填充:用于在文本周围设置空格。句法:示例1:此示例使用ng-style指令。此处使用字体颜色和背景颜色的C...
📅  最后修改于: 2021-05-13 18:57:47        🧑  作者: Mango
AngularJS具有内置指令,可以使用ng-include指令包含其他AngularJS文件的功能。“ ng-include指令”的主要目的是用于在AngularJS主控件中获取,编译和包括外部HTML文件。这些作为子节点添加到主应用程序中。 ng-include属性的值也可以是一个表达式,该表达式返回文件名。所有HTML元素都支持此功能。句法:注意:这里的onload和autoscroll参数...
📅  最后修改于: 2021-05-13 18:58:09        🧑  作者: Mango
ng-show和ng-hide指令:这两个指令均用于显示或隐藏HTML元素。它取决于指令的值。值为“ true”或“ false”。示例1:输出:禁用ng的指令:它禁用HTML元素的属性。它将数据绑定到禁用的HTML元素的属性。示例2:输出:...
📅  最后修改于: 2021-05-13 18:58:30        🧑  作者: Mango
任务是当用户使用AngularJs单击按钮时在页面上添加输入字段。脚步:操作所需的组件已创建(add-inputComponent)。在该组件中,编写了html文件(add-input.component.html)所需的html。在该HTML中,输入字段的主div在那里,并创建了按钮。ADD按钮上有一个(单击)事件,该事件重定向在add-input.component.ts中正在工作的用户定义的...