ANGULARJS常用指令.pdf

ANGULARJS常用指令.pdf

ID:48011853

大小:124.55 KB

页数:8页

时间:2020-01-14

ANGULARJS常用指令.pdf_第1页
ANGULARJS常用指令.pdf_第2页
ANGULARJS常用指令.pdf_第3页
ANGULARJS常用指令.pdf_第4页
ANGULARJS常用指令.pdf_第5页
资源描述:

《ANGULARJS常用指令.pdf》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、内置指令所有的内置指令的前缀都为ng,不建议自定义指令使用该前缀,以免冲突。首先从一些常见的内置指令开始。先列出一些关键的内置指令,顺便简单说说作用域的问题。ng-model将表单控件和当前作用域的属性进行绑定,这么解释似乎也不太正确。但先不要管咬文嚼字,用起来倒是易懂,例如:复制代码代码如下:
{{someModel.someProperty}}ng-init该指令被调用时会初始化内部作用域。这个指令一般会出现在比较小

2、的应用中,比如给个demo什么的...复制代码代码如下:I'ma/an{{job}}

除了ng-init,我们还有更多更好的选择。ng-app每一次用AngularJS都离不开这个指令,顺便说下$rootScope。声明了ng-app的元素会成为$rootScope的起点,而$rootScope是作用域链的根,通常声明在你懂的。也就是说根下的作用域都可以访问它。但是,不建议过度使用$rootScope,免得全局变量满天飞,效率又差又难管。下面是一个例子

3、:复制代码代码如下:{{someProperty}}ng-controller我们用这个指令在一个DOM元素上装上controller。一个控制器?确实,从字面意思上这样理解倒是不错,那我们为什么需要控制器?记得

4、AngularJS1.2.x时还可以这样定义controller来着...复制代码代码如下:functionohMyController($scope){//...}AngularJS1.3.x中禁止了这种方式,因为这种方式会让controller满天飞,分不清层次,所有东西都挂在$rootScope上...ng-controller必须有一个表达式作为参数,另外通过$scope来继承上级$scope的方法和属性什么的,$rootScope也包括在内。下面只是一个简单的例子,ancestor无法访问child的作用域。复制代码代

5、码如下:{{ancestorName}}{{childName}}{{ancestorName}}{{childName}}

作用域的问题远不止如此,暂且搁下,继续看看其他内置指令。ng-form起初不明白为什么会有个表单指令,
标签感觉也够用啊。以表单验证为例,在上一篇中有这么一段代码:复制代码代码如下:也就是表单的状态为$invalid时禁用提交按钮。如果

7、场景再稍微复杂一点点,比如一个父表单中有多个子表单,子表单中有3个验证通过时父表单便可以提交。但是,是不可以嵌套的。考虑到这种场景,我们便使用ng-form指令来解决这一问题。例如:复制代码代码如下:姓名:
证件号码:

8、th="18"ng-required="true"ng-model="idnum"/>


监护人姓名:
当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。