基本介绍
有了很多内置指令,但是依然无法满足我们的需要,我们可以自己定义一个指令,实现默写功能。
基本使用
directive方法可以帮助我们自己定义一个指令,它的返回方式一共有四种,ECMA,代表所定义指令可以使用的环境
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body ng-app="App"> <div tag=""></div> <script src="../libs/angular.min.js"></script> <script> var App = angular.module('App', []); App.directive('tag', function () { return { restrict: 'ECMA', // template: '<ul><li>很</li><li>好</li></ul>', templateUrl: './list.html', replace: true } }); //可以直接输入字符串,也可以传入一个文件 传入文件同样是通过ajax请求的原理 //replace:可以将包裹的标签替换掉 // E:element 返回的是元素 <tag></tag> // C:Class 返回的是类名 <div class='tag'></div> // M:Mark 返回的是备注 <!-- directive:tag --> // A:attribute 返回的是属性 <div tag></div> </script> </body> </html>