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

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

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

泠泠在路上   2021-03-30 我要评论

如下所示:

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

猜您喜欢

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们