AngularJs 特性 之 指令系统 

<!DOCTYPE html>
<html ng-app="myApp">
<head>
    <meta charset="utf-8">
    <script src="../../jslib/angular.min-1.5.8.js"></script>
</head>
<body>

    <hello></hello>
</body>
<script type="text/javascript">
    var app = angular.module('myApp', []);
    app.directive("hello",function () {
        return{
            restrict:'E',
            template:'<div>Hi Everyone</div>',
            replace:true
        }
    });
</script>
</html>

在HTML中，很明显是没有hello标签的，但是通过模块的directive方法，使用函数中的模板替换了hello标签

 

有了指令功能，我们可以自己封装一些很使用的指令标签

 

ng-app属性其实也是AngularJs的一个指令，类比于Java中的main函数，其是AngularJs执行的入口

在任意的一个页面中，AngularJs只允许出现一次

 

指令的本质，就是标签库

 

posted @ 2016-08-02 21:03  csnmd  阅读(194)  评论(0)  编辑  收藏  举报