レンダリング指示要素を避ける方法

Question

指示要素html要素を隠すことはできますか？

app.js

angular.module("myApp", []) 
    .directive("myDirective", function() { 
     return { 
      restrict: "E", 
      template: "<div><p>Some text...</p></div>" 
    } 
); 

のみテンプレートのコンテンツをレンダリング：私はこのディレクティブを持っている場合 は私が意味します。

<div> 
    <p>Some text...</p> 
</div> 

ないディレクティブ要素：

<my-directive> 
    <div> 
     <p>Some text...</p> 
    </div> 
</my-directive> 

Answer 1

yesがちょうどディレクティブでreplace: trueを置きます。それは

angular.module("myApp", []) 
    .directive("myDirective", function() { 
     return { 
      restrict: "E", 
      template: "<div><p>Some text...</p></div>", 
      replace: true 
    } 
); 

デモの要素を削除します

angular.module("app",[]) 
 
.controller("ctrl",function($scope){ 
 

 

 
}).directive("myDirective", function() { 
 
     return { 
 
      restrict: "E", 
 
      template: "<div><p>Some text...</p></div>", 
 
      replace : true 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="app" ng-controller="ctrl"> 
 
<my-directive> 
 
</my-directive> 
 
</div>

Answer 2

を置き換えることに注意してください：本当は非推奨と

（私は時々それにもかかわらず、それ自身を使用）マークされています

参照：Explain replace=true in Angular Directives (Deprecated)