Angular指令,使用替换

时间:2014-03-06 13:14:39

标签: javascript angularjs angularjs-directive

我将解释我在做角度应用时所看到的常见事情。我通常做了很多指令来模块化我的视图应用程序,比如在angular doc中,我曾经写过这样的模板:

myDirective1:

<div class="myDiv">
  <span class="mySpan">Hello world!</span>
  <img src="hello.jpg">
</div>

并且,通常在我做的另一个指令中:

<div data-my-directive1></div>

好吧,它导致我添加一个可有可无的元素,对吗?我可以避免一个div,因为肯定角度指令有'替换'属性,我可以这样做:

angular.module('myModule')
.directive('myDirective1', function() {
  return {
    replace: true,
    templateUrl: 'tmpl.html'
  };
});

但是,如果你在“大”应用程序中使用这种方法,如何替换方法对性能的影响,我没有找到任何对此的引用,我认为替换涉及更多的DOM工作而不是替换,任何人都知道是否替换过多是不可取的?你觉得怎么样?

0 个答案:

没有答案