自定义指令

最新推荐文章于 2025-07-06 13:35:01 发布

乔芥

最新推荐文章于 2025-07-06 13:35:01 发布

阅读量201

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/ZkMao1007/article/details/78533586

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
       <script src="../angular/angular.js"></script>
       <script>
           var app=angular.module("myapp",[]);

           app.controller("myctrl",function($scope){


           });
           //自定义指令
           app.directive("myDirective",function(){

               return{
                   restrict :"ECAM",
                   replace :true,
                   template:"<p>我的自定义指令</p>"
               };
           });


       </script>
   </head>
   <body ng-app="myapp" ng-controller="myctrl">
       
   <my-directive></my-directive>
      
   <p my-directive></p>
   
   <p class="my-directive"></p>
   
   

   </body>
</html>