欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-06-20 08:31:05
如下所示:

如下所示:

<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的属性详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。