angularjs入门解读.ppt

Q4. ng-click 写成 ng-class 导致的界面停止响应 A4. 这是我自己犯过的一个低级错误，属于深度依赖ide导致的问题。ide的自动代码提示功能，ng-cl的第一个候选项是ng-class，如果偷懒少打了一个字，那么本来想写ng-click的代码就会写成ng-class，结果就是，无休止的重新计算ng-class中的表达式，其中的原因还没来得及看源码研究。 如果遇到界面停止响应的问题，而且你也同样深度依赖ide，那么，从这个角度查查看吧。 Q5. 我知道你不拜金，但别忘了$ A5. 在angular中有一个通用的约定：angular的内部服务、方法、属性通常都会以$开头，而相应的，它也要求你自己的命名不要用$开头。比较容易忘记用$开头的主要是一些方法，特别是$apply, $watch, $on, $broardcast, $emit这些，而这些如果你写错了，在chrome中你将得到一个莫名其妙的提示 TypeError: undefined is not a function! 可恶的是，连函数名字都没有！所以，虽然我知道你不拜金，但是千万不要忘了写$！ Q6.注意作用域的原型继承问题！ A6. 在Angular中，作用域是通过原型链进行继承的。而这种继承有一个问题，那就是在子类中对变量进行赋值时，不会去修改父级的。 假设scopeA继承自scopeB，而在scopeB中定义了一个变量value: 1，这时候，读取scopeA.value可以正确取到值，但是如果赋值，就有问题了?scopeA.value = 2，这时候，scopeB.value的值是多少呢？你可能以为是2，但它是1！原因就在于原型继承时对变量的赋值不会修改原型中的值，而是直接在当前scope中创建一个同名的属性。 Q7. angular.module的两种写法：含义大不同 angular.module(name, [])是创建一个新的module，[]表示它没有依赖任何其他模块，如果已经有了一个同名模块，则会覆盖现有的。 而angular.module(name)是查找一个现有module，如果这个module不存在，则返回空值。 如果把带方括号的形式（创建）误用为不带方括号的形式（引用），那么在它的返回值上调用controller等函数会出现空指针错误。 而如果把引用形式误用为创建形式，则会导致难以理解的“对象不存在”错误，但是你却明明定义过那个service或者controller等对象！这种问题就是因为后面的模块定义覆盖了以前的模块定义，你定义过的那些对象都被随着以前的module而丢掉了！ Q8.第三方指令不起作用 A8:最可能的原因是你没有加入模块依赖。第三方指令通常会定义在自己的模块中，所以这个模块必须被你的app模块所依赖，其中包含的指令才能在view中使用。比如你要使用ui-select2指令，就必须在自己的模块定义中加入这个依赖： Q9. ng事件中为变量的参数 A9. 举个例子把，比如有这么一段代码： 如果ng-click中的事件参数msg是一个表达式，你是不是想应该showMsg({{msg}})?NO！必须像我代码中写的，直接写变量值，不用加花括号便可。有意思的是你运行页面，查看元素发现该标签中事件的参数还是msg，但是已经功能却跟{{msg}}一样，ng会把该变量自动转化成表达式，所以你无须担心，只管用就行了。 学习AngularJS 的一些网址 NOW I AM RUNNING TWO PLATFORMS 个人博客：/lodingzone/ AngularJS中文API：/guide AngularJS基础：/ AngularJS范例程序：/showcase/?utm_source=TZ#/home/home * * 四、Hello World! 开始学习AngularJS的一个好方法是创建经典应用程序“Hello World!”： 现在试着在输入框中键入你的名称，你键入的名称将立即更新显示在问候语中。 这就是AngularJS双向数据绑定的概念。 输入框的任何更改会立即反映到模型变量（一个方向），模型变量的任何更改都会立即反映到问候语文本中（另一方向） 五、何时用Controller、Directive、Service AngularJS是一款非常强大的前端MVC框架。同时，它也引入了相当多的概念， Directive（指令），Controller（控制器），Service （服务）。 那我们该何时使用这些呢？ 本文Blog地址： /lodingzone/p/4845646.html 1、Service（服务） Service就是【单例对象】在AngluarJS 中的一个别名。这些小东西（指