Angular指令总结

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Angular指令总结相关的知识,希望对你有一定的参考价值。

ng-app:申明Angular管理的区域

ng-controller:申明Angular的控制器管理的区域

ng-init:初始化模型变量

ng-repeat:主要用来遍历复杂数据类型

ng-bind-html:用来做html输出的,需要在元素中使用(ng-bind-html="html",html就是模型中的一个属性)
AngularJS提供的一个ngSanitize模块提供的ng-bind-html指令来进行处理html输出。
ng-model:用来接收用户的数据
页面闪烁问题:
方法一:ng-bind
方法二:ng-cloak(或者直接为DOM设置一个ng-cloak的class)
ele.description | limitTo:10:2
$watch能检测模型变量的变化(只能检测模型)
显示与隐藏:ng-show、ng-hide、ng-if
ng-disabled
过滤器的类型:
date
json
limitTo
orderBy
number
lowercase
uppercase
filter
ng-class属性:为元素设置class属性(提供了一种js执行的环境)
ng-click:为页面元素绑定事件
ng-submit:完成表单提交

 






















以上是关于Angular指令总结的主要内容,如果未能解决你的问题,请参考以下文章

Angular使用总结 --- 通过指令动态添加组件

如何重新编译使用“replace: true”的 Angular 1.x 指令

Atitit.angular.js 使用最佳实践 原理与常见问题解决与列表显示案例 attilax总结

angular 啥时候用服务啥时候用指令

Ember 如何运行 Angular 指令以及如何导入 Angular

从 Angular js 升级到 Angular 8 的指令