Angular API 核心组件之 指令篇

1 ngApp

利用这个指令可以自动触发Angular程序,ngApp指令指定了angular 应用的根节点,一般都会把这个指令绑定在页面的根节点上,例如:<body>或者<html>标签。

每个页面只有一个AngularJs的应用可以被自动触发,文档中第一个ngAPP指令会自动触发AngularJs应用。如果在一个html文档中想触发多个AngularJs的应用,你需要用angular.bootstrap来手动触发。angularJs应用不能互相嵌套。

你可以为angular应用指定一个angular 模块作为根模块,当应用程序被触发时,这个模块就会加载到$injector中,还需要加载应用代码需要后者依赖的其他模块。

<!DOCTYPE html>
<html ng-app="moduleName">
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body ng-controller="testCtrl">
<p>1+2={{1+2}}</p>
<script type="text/javascript">
    angualr.module(‘moduleName‘,[])
            .controller(‘testCtrl‘,function(){
                //some code going here
            })
</script>
</body>
</html>

 2 a

改写了html a标签的默认行为,当href为空的时候,默认的行为被阻止了,所以不会发生跳转。

3 ngHref

在href属性中直接写angular标记{{hash}},当用户在angular替换{{hash}}的值之前就点击了链接,那么就会链接到错误的地址,通常会返回404错误。

错误的写法:

<a href="http://www.somelinks.com/{{hash}}"></a>

正确的写法

<a ng-href="http://www.somelinks.com/{{hash}}"></a>

4 ngSrc

在src属性中使用angular标记{{hash}}不会得到正确的结果,在angular未替换{{hash}}的值之前,浏览器会通过字面{{hash}}的意思去获取src资源。这样就会导致错误。ngSrc解决了这个问题

有bug的写法:

<img src="http://www.somelinks.com/{{hash}}" />

正确的写法:

<img ng-src="http://www.somelinks.com/{{hash}}" />

 

 

 

Angular API 核心组件之 指令篇

上一篇:第一章 Windows程序内部运行机制(2)窗口和句柄


下一篇:cygwin运行git submodule init出错error while loading shared libraries的解决