36.建立自定义的指令directive

时间 2019-11-18

标签建立自定义指令 directive 繁體版

原文原文链接

转自：https://www.cnblogs.com/best/tag/Angular/html

1.app

<html>

<head>
    <meta charset="utf-8">
    <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>

</head>

<body ng-app="myApp">
    
        <runoob-directive></runoob-directive>
       
       <script>
            var app =  angular.module('myApp',[]);
           app.directive("runoobDirective",function(){
               return {
                   template:'<h1>自定义指令</h1>'
               };
           });
        </script>
</body>

</html>

除了 AngularJS 内置的指令外，咱们还能够建立自定义指令。函数

你可使用 .directive 函数来添加自定义的指令。spa

要调用自定义指令，HTML 元素上须要添加自定义指令名。code

使用驼峰法来命名一个指令， runoobDirective, 但在使用它时须要以 - 分割, runoob-directive:cdn