2-3.Angular-transclude指令

transclude指令

1.通过url传入指令模版
templateUrl:"./templateUrl.html"

2.是否保留标签的内容
transclude:true

3.修改templateUrl.html, 添加标签属性 ng-transclude



app.directive("sk", function () {
    //返回一个对象
    //restrict-->  E:元素形式出现 A:属性形式出现 C:当作类形式出现 M:以注释形式出现
    return {
        restrict:"EA",
        //注意:指令模版必须有一个根元素包裹
        //template:"

我是一个自定义指令模版

俺是p标签

", templateUrl:"./templateUrl.html", //是否替换原有标签 replace:true, //是否保留标签的内容 transclude:true } });

  • 1
  • 2
  • 3
  • 4
  • 5

你可能感兴趣的:(2-3.Angular-transclude指令)