对angularJs中自定义指令replace的属性详解

181 阅读 0 评论 120 点赞

我是靠谱客的博主狂野糖豆，最近开发中收集的这篇文章主要介绍对angularJs中自定义指令replace的属性详解，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

如下所示：

<div ng-app="module">
  <div my-exam></div>
 </div>
 <script>
  var m = angular.module('module', []);
  m.directive('myExam', [function () {
   return {
    restrict: 'EA',
    template: '<h1>欢迎浏览泠泠在路上</h1>',
    /*1.replace值为true的时候，把父级给替换掉，即 <div my-exam></div>变成<h1>欢迎浏览泠泠在路上</h1>*/
    /*2.replace值为false的时候，放到父级的里面，即<div my-exam></div>变成<div my-exam><h1>欢迎浏览泠泠在路上</h1></div>*/
    replace: false
   }
  }]);
 </script>

以上这篇对angularJs中自定义指令replace的属性详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持靠谱客。