angularJS1笔记-(9)-自定义指令(restrict/template/replace)

index.html:




    


122

  index.js:

var myApp = angular.module('myApp', [],['$compileProvider',function ($compileProvider) {
    $compileProvider.directive('customTags',function () {
        return {
            //E:element C:class属性 A:attribute M:代表注释
            restrict:"ECAM",//限制约束条件
            //替换
            template:'
custom-tags-html
', replace:true //如果此配置为true则替换指令所在的元素 如果为false或者不指定 则把当前指令追加到所在元素的内部 } }) }])

  运行结果:

angularJS1笔记-(9)-自定义指令(restrict/template/replace)_第1张图片

 

转载于:https://www.cnblogs.com/yk123/p/6860872.html

你可能感兴趣的:(angularJS1笔记-(9)-自定义指令(restrict/template/replace))