angular33-自定义指令

原创

前端歌谣 2022-07-17 00:06:57 ©著作权

文章标签 html 数组 angular.js 文章分类 JavaScript 前端开发

©著作权归作者所有：来自51CTO博客作者前端歌谣的原创作品，请联系作者获取转载授权，否则将追究法律责任

angular33-自定义指令_html

angular33-自定义指令_数组_02

<!DOCTYPE html>
     <html lang="en">
      
     <head>
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>Document</title>
     </head>
      
     <body ng-app="myApp1">
         <itbutton></itbutton>
         <itbutton1></itbutton1>
         <script src="./js/Angular.js"></script>
         <script>
             var myApp1 = angular.module('myApp1', []);
             //第一个参数是指令的名字 第二个参数应该使用一个数组
             //数组的最后一个元素是一个函数
             myApp1.directive('itbutton', [function() {
                 return {
                     template: '<div>geyao</div>'
                 };
             }])
             myApp1.directive('itbutton1', [function() {
                 return {
                     template: '<div>geyao</div>'
                 };
             }])
         </script>
     </body>
      
     </html>