📝 AngularJS教程
376篇技术文档📅  最后修改于: 2021-05-13 19:51:37        🧑  作者: Mango
AngularJS中的ng-non-bindable指令用于指定不应编译HTML的特定内容,即AngularJS应忽略该内容。当我们要显示代码片段而不是编译输出时,可以使用它。句法:示例1:本示例使用ng-non-bindable伪指令忽略表达式。输出:示例2:本示例使用ng-non-bindable伪指令忽略表达式。输出:点击前:点击后:...
📅  最后修改于: 2021-05-13 19:51:58        🧑  作者: Mango
AngularJS:AngularJS是一个用于制作动态Web应用程序的开源框架。它由Google开发人员维护。它适用于跨平台的移动开发和企业应用程序。AngularJS的功能:深层链接:它允许您在URL中编码应用程序的条件,以便可以将其添加为书签。服务:它带有许多内置服务。过滤器:在到达视图之前,它会根据参数过滤数据数组。体系结构:它具有MVC(模型–视图–控制器)体系结构。VueJS:VueJ...
📅  最后修改于: 2021-05-13 19:52:22        🧑  作者: Mango
AngluarJS中的ng-hide指令用于显示或隐藏指定的HTML元素。如果ng-hide属性中给出的表达式为true,则HTML元素将隐藏。在AngularJS中,有一个名为ng-hide的预定义类,用于将显示设置为无。句法:示例1:本示例使用ng-hide指令显示输入的数字是否为5的倍数。htmlhtml输出:示例2:此示例使用ng-hide指令隐藏内容。html输出:点击之前:单击后:...
📅  最后修改于: 2021-05-13 19:52:44        🧑  作者: Mango
该任务是在AngularJS中清空一个数组或从该数组中删除所有元素。方法:第一个示例使用[]表示法重新初始化数组,最终从数组中删除所有元素。第二个示例使用length属性将数组的长度设置为0,这也会清空数组。范例1:输出:范例2:输出:...
📅  最后修改于: 2021-05-13 19:53:19        🧑  作者: Mango
智能表简介:它是一个Angularjs模块,用于以表格格式显示,并具有一系列功能,例如过滤,排序等。这对于在报告准备,以Angular js更快地过滤和搜索数据的过程中非常有帮助。它是轻量级的,对开发人员友好的,健壮的,模块化的和可扩展的方法:我们可以通过以下方式开始使用智能表凉亭安装角度智能表(或)npm安装angular-smart-table一旦执行了以上脚本,就可以使用angular-sm...
📅  最后修改于: 2021-05-13 19:53:40        🧑  作者: Mango
使用ngAnimate模块在Angular.Js中创建动画效果,该模块提供对基于CSS的动画的支持。动画是用来产生动态运动效果的东西。在这里,使用ngAnimate模块将HTML转换为运动效果,从而为我们提供Javascript和CSS的组合效果。使用此示例代码,通过选中复选框来显示隐藏分区/部分的演示。将使用AngularJs的Animation引入图片的步骤:在脚本标签中包括Angular.J...
📅  最后修改于: 2021-05-13 19:54:00        🧑  作者: Mango
当输入字段中的文本粘贴到HTML元素中时,AngularJS中的ng-paste指令用于指定自定义行为函数。它可用于调用将文本粘贴到输入字段中时触发的函数。 <input>,<select>和<textarea>支持它。句法:在将输入粘贴到HTML元素中时,表达式表示要做什么。例子:输出:粘贴前:粘贴后:...
📅  最后修改于: 2021-05-13 19:54:24        🧑  作者: Mango
AngularJS中的ng-list指令用于分隔输入字符串,并使用分隔符将其转换为字符串数组。默认情况下,逗号用作默认分隔符。但是任何自定义分隔符都可以用作ng-list指令的值。句法:ng-list的值指定用于分隔输入字符串的分隔符。示例:此示例使用ng-list指令将输入转换为数组。输出:...
📅  最后修改于: 2021-05-13 19:54:55        🧑  作者: Mango
AngularJS中的表达式用于将应用程序数据绑定到HTML。表达式由Angular解析,结果返回到写表达式的位置。 AngularJS中的表达式用大括号{{{expression}}}编写。它们的行为类似于ng-bind指令:ng-bind =“ expression”。句法:示例:此示例显示了我们在ng-init指令中输入的名称。输出:示例2:此示例显示了我们在ng-init指令中提供的对象的...
📅  最后修改于: 2021-05-13 19:55:18        🧑  作者: Mango
AngularJS由各种类型的预定义指令组成。大多数指令以ng开头,其中ng等效于Angular。ng-repeat:ng-repeat伪指令用于遍历对象的属性。一旦集合中的某个项目实例化了一个模板。每个模板都有自己的作用域,其中循环变量设置为当前集合项,而$ index设置为项的键或索引。句法其中键和值可用作表达式中用户定义的标识符。示例:-此示例显示ng-repeat指令的用法。输出:...
📅  最后修改于: 2021-05-13 19:55:40        🧑  作者: Mango
任务是在AngularJS的帮助下更新数组元素。方法:要更新数组中的特定项目,可以通过两种方式(通过其值或通过其索引)进行。在第一个示例中,通过元素的值来更新元素,在第二个示例中,已使用括号表示法的索引来更新元素。范例1:输出:范例2:输出:...
📅  最后修改于: 2021-05-13 19:56:06        🧑  作者: Mango
AngularJS中的ng-submit指令用于指定要在提交事件上运行的功能。如果该表单不包含操作,则可用于阻止该表单提交。它由<form>元素支持。句法:范例1:输出:点击前:点击后:范例2:输出:点击前:点击后:...
📅  最后修改于: 2021-05-13 19:56:27        🧑  作者: Mango
在Angular 8中,事件绑定用于处理由用户操作(如按钮单击,鼠标移动,击键等)引发的事件。当DOM事件发生在某个元素(例如click,keydown,keyup)上时,它将调用指定的方法在特定组件中。使用事件绑定,我们可以将DOM中的数据绑定到组件,因此可以将该数据用于其他目的。句法:方法:在app.component.ts文件中定义一个函数,它将执行给定的任务。在app.component....
📅  最后修改于: 2021-05-13 19:56:55        🧑  作者: Mango
AngularJS中的ng-value指令用于指定输入元素的值。它由<input>和<select>元素支持。句法:范例1:输出:...
📅  最后修改于: 2021-05-13 19:57:19        🧑  作者: Mango
jQuery是一个开放源代码的JavaScript库,它简化了HTML / CSS文档(或更确切地说是文档对象模型(DOM))与JavaScript之间的交互。jQuery不具有双向权威性突出显示,而Angular具有关键特征,如操纵,授权,双向信息权威性,模型,依赖注入,单元测试等。当风险投资增加时,jQuery变得复杂且难以保存。但是在Angular的情况下,事情是多样的,因为它们在很大程度上...