angular33-自定义指令

简介: angular33-自定义指令

image.png

<!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>

image.png

相关文章
|
3月前
|
XML 前端开发 JavaScript
React 与 Angular:全面的比较
【8月更文挑战第30天】
64 1
Angular双向绑定简单理解
Angular双向绑定简单理解
97 0
angular34-自定义指令2
angular34-自定义指令2
104 0
angular34-自定义指令2
angular38-angular实现todolist2添加
angular38-angular实现todolist2添加
105 0
angular38-angular实现todolist2添加
angular37-angular实现todolist基本结构
angular37-angular实现todolist基本结构
138 0
angular37-angular实现todolist基本结构
angular39-angular实现todolist2删除
angular39-angular实现todolist2删除
101 0
angular39-angular实现todolist2删除
angular40-angular实现todolist3编辑功能
angular40-angular实现todolist3编辑功能
105 0
angular40-angular实现todolist3编辑功能
Angular6在自定义指令中使用@HostBingDing() 和@HostListener()
emmm,,,最近在为项目的第二阶段铺路,偶然看到directive,想想看因为项目已经高度集成了第三方组件,所以对于自定义指令方面的经验自己实在知之甚少,后面经过阅读相关资料,总结一篇关于在自定义指令中使用@HostBingDing() 和@HostListenner()。
1911 0
|
前端开发 JavaScript
第216天:Angular---自定义指令(二)
自定义指令 1、第一个参数是指令的名字,第二个参数任然应该使用一个数组,数组的最后一个元素是一个函数。定义指令的名字,应该使用驼峰命名法 1 DOCTYPE html> 2 3 4 5 6 Document 7 8 9 10 11 12 ...
1263 0