angular directive详解之replace

最新推荐文章于 2022-05-12 23:39:14 发布

shidaping

最新推荐文章于 2022-05-12 23:39:14 发布

阅读量2.9k

点赞数

分类专栏： angular1 文章标签： angular directive replace

本文链接：https://blog.csdn.net/shidaping/article/details/53130947

版权

angular1 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

replace属性为true时，会替换directive指向的元素;为false时将directive的内容作为子元素插入到directive指向的元素。默认为false。

看例子：

<!DOCTYPE html>
<html ng-app="app">

<head>
  <title></title>
  <script src="//cdn.bootcss.com/angular.js/1.5.8/angular.min.js"></script>
</head>

<body>
  <div ng-controller="ctrl1">
    <div my-directive id="div1" class="my-div">
    </div>
  </div>
  <script>
  var app = angular.module('app', []);
  app.directive('myDirective', [function() {
    return {
      replace: true,
      template: '<section id="section1" class="my-section"></section>',
      scope:{},
      link: function(scope) {
      }
    }
  }])
  app.controller('ctrl1', ['$scope', function($scope) {
  }])
  </script>
</body>

</html>

div1从div换成了section。id和class合并了。注意：replace为true时，template只能有一个根元素，否则会报错。

shidaping

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
angular directive详解之replace

replace属性为true时，会替换directive指向的元素;为false时将directive的内容作为子元素插入到directive指向的元素。默认为false。看例子： var app = angular.module('app', []); app.directive('myDirective', [fun
复制链接

扫一扫

专栏目录