角度JSコメントディレクティブが適切に

Question

次のコードは、定義されたディレクティブからテキストを印刷していないように機能していません：

<div ng-app="myApp"> 

    <!-- directive: devComment --> 

</div> 


<script> 
    app.directive("devComment", function(){ 
       return{ 

        restrict : "M", 
        replace : true, 
        template : " A comment made this print to html " 

       }; 
      }); 
</script> 

Answer 1

は、あなたは自分のテンプレート内のディレクティブ名の間違った形式を持っています。するために

：それは

<!-- directive: dev-comment --> 

（実際、私はこれをテストして、コメントディレクティブのために、名前の正規化は非常に現実的な問題は何のルート要素ではなかったが起こるとは思われないED）でなければなりませんreplaceを使用する場合は、テンプレートにルート要素が1つだけ必要です。

angular.module('myApp', []).directive('devComment', function() { 
 
    return { 
 
    restrict: 'M', 
 
    replace: true, 
 
    template: '<span>A comment made this print to html</span>' 
 
    }; 
 
});

<div ng-app="myApp"> 
 
    <!-- directive: dev-comment --> 
 
</div> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.js"></script>

Answer 2

あなたのテンプレートは、正確にあなたのテンプレートの.so docsをチェックelement.Pleaseつのルートはplunker here作業

template : " <p>A comment made this print to html</p> " 

以下のようにする必要がありますしている必要があります。

Answer 3

<div ng-app="myApp"> 
    <!-- directive: dev-comment --> 
</div> 
<script> 
    app.directive("devComment", function(){ 
       return{ 
        restrict : "M", 
        replace : true, 
        template : "<h3>A comment made this print to html</h3> " 
       }; 
      }); 
</script>