angularjs的使用技巧
2024-08-29 06:51:33
1. AngularJS的module函数有两种用法,
a. 定义一个module, 需要传入2个参数,module('moduleName', []), 第一个参数是新的module名称,第二个参数是新module所依赖的module数组。
b. 载入一个module, 只需要1个参数,module('moduleName'), 唯一的一个参数指定要载入的module名称。
2. 使用controller函数来定义一个控制器(controller), 用ng-controller将控制器绑定到具体的HTML组件上。定义控制器的controller函数也需要2个参数,第一个是控制器名称,第二个参数同样也是一个数组,数组的最后一个元素就是controller本身的函数,前面的元素用字符串的形式指定其需要的依赖项。如果没有依赖项,那就只需要定义函数。比如:
angular.module('app1', [])
.controller('mainControl', [function() {
console.log('controller created.');
}]);
3. 在controller函数中用var定义的局部变量,在HTML中是不可见的。
4. 推荐在controller函数中尽量避免直接引用this, 比较好的做法是使用代理。原因是一个函数中的this关键词在被外部调用的时候,是会被覆盖掉的。这样的话,在函数内部和外部的this会是完全不同两个对象。
代理用法示例:
angular.module('app1', [])
.controller('mainControl', [function() {
var self = this;
self.message = 'Hello world';
self.changeMessage = function() {
self.message = 'Goodbye.';
};
}]);
5. ng-bind与双大括号的区别, ng-bind和{{}}可以说基本上是可以互相替换的,但是也有区别。区别在于:AngularJS在启动的时候就会执行ng-bind, 而{{}}的替换时间会稍晚一些。有可能发现页面在加载的时候,双括号被一闪而过地替换掉(只在页面初次加载的时候发生)。但是ng-bind就没有这个问题。
6. ng-cloak可以用于解决双括号闪现的问题。
6. ng-cloak可以用于解决双括号闪现的问题。
最新文章
- Java NIO2:缓冲区
- java selenium验证元素是否存在
- React-Native hello word 搭建及新手常见问题
- Pair Project:电梯控制程序
- 一步步教你Hadoop多节点集群安装配置
- [xampp]在Crunch Bang下安装xampp1.8.3
- 基础笔记(一)Java 集合
- Python beautifulsoup 选择器 select 选择<;meta/>;等不需要成对结尾标签未写‘/’
- nodejs搭建web项目
- makefile与动态链接库案例分析——动态库链接动态库
- 重构&mdash;&mdash;与设计模式的恋情
- UVALive - 4222
- 第六节:详细讲解Java中的装箱与拆箱及其字符串
- php中相对路径和绝对路径如何使用(详解)
- [python2] python 打印表格 prettytable
- (转)Jenkins持续集成
- HDFS下载数据机制的底层分析
- 在Mac OS X中使用mtr诊断路由节点问题
- ReactNative 环境配置
- centos7 ping www.baidu.com ping 不通。
热门文章
- 50个必备的jQuery代码段
- Google,真的要离我们而去吗?
- BZOJ3624: [Apio2008]免费道路(最小生成树)
- maven 配置Hibernate
- iOS 当使用FD_FullscreenPopViewController的时候遇到scrollView右滑手势无法使用的解决
- repair table
- mybatis 异常处理:Invalid bound statement (not found)
- pat甲级1114
- 使用JDBC操作SAP云平台上的HANA数据库
- 初见微服务之RESTful API