Angular.js指令
来源:互联网 发布:淘宝账号怎么绑定手机 编辑:程序博客网 时间:2024/05/21 17:41
Angular.js指令
- --AngularJS 指令是扩展的 HTML 属性,带有前缀 ng-。
(2)ng-init 指令初始化应用程序数据。
(3)ng-model 指令把元素值(比如输入域的值)绑定到应用程序。
为应用程序数据提供类型验证(number、email、required)。
为应用程序数据提供状态(invalid、dirty、touched、error)。
为 HTML 元素提供 CSS 类。
绑定 HTML 元素到 HTML 表单。
(4)ng-repeat 指令对于集合中(数组中)的每个项会 克隆一次 HTML 元素。
创建自定义的指令:
(1)除了 AngularJS 内置的指令外,我们还可以创建自定义指令。
(2)你可以使用 .directive 函数来添加自定义的指令。
(3)要调用自定义指令,HTML 元素上需要添加自定义指令名。
(4)使用驼峰法来命名一个指令, runoobDirective, 但在使用它时需要以 - 分割, runoob-directive:
通过添加 restrict 属性,并设置值为 "A", 来设置指令只能通过属性的方式来调用:
var app = angular.module("myApp", []);
app.directive("runoobDirective", function() {
return {
restrict : "A",
template : "<h1>自定义指令!</h1>"
};
});
restrict 值可以是以下几种:
E 作为元素名使用
A 作为属性使用
C 作为类名使用
M 作为注释使用
restrict 默认值为 EA, 即可以通过元素名和属性名来调用指令。
可参考博客:http://blog.csdn.net/zhuqinfeng/article/details/52457477
阅读全文
0 0
- Angular.js 指令 & Controller
- 什么是angular js指令
- 创建angular js指令
- angular js自定义指令
- angular js指令详解
- Angular.js指令
- angular.js自定义指令
- Angular Js ng-repeat指令
- Angular js指令收录(五)
- Angular js指令收录(六)
- angular.js常用内置指令
- angular js指令(directives)及其例子
- 《Angular JS 权威教程》 - 内置指令
- angular.js基础(1)--指令directive
- angular.js(3)--指令的执行过程
- 基于angular.js的回到顶部指令
- Angular.js之指令学习笔记
- angular指令
- Gradle
- how to use automake to build files
- 喂,你是在学习还是在逃避?
- 重建道路(树上背包)
- 我的第一篇博客
- Angular.js指令
- 欢迎使用CSDN-markdown编辑器
- 洛谷八连测r3t1
- BZOJ 1426 收集邮票 期望dp
- 与OpenCV-视觉领域-图像处理有关的资源大集合
- 表单标签
- C语言while函数
- 把时间当作朋友——现实
- 洛谷P2296 寻找道路(NOIp2014)