AngularJS指令作为评论

时间:2017-06-15 09:04:32

标签: angularjs angularjs-directive

我只是玩角度指令,但不知何故添加指令的评论方式没有显示出来。这是标记。

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="angular.js"></script>
</head>

    <body ng-app="directive-app">

         <first-directive></first-directive>

         <div first-directive></div> 

         <div class=first-directive></div> 

         <!-- directive: first-directive -->     

         <script src="main.js"></script> 


</body>
</html>

指令定义

var app=angular.module('directive-app',[]);

app.directive("firstDirective", function() {
    return {
        restrict : "EACM",  
        templateUrl : 'template.html'
    };
});

在template.html中有一个h1元素。但是添加指令的评论方式没有出现在UI中,在这种情况下甚至需要评论方法。

1 个答案:

答案 0 :(得分:4)

Set replace option to true as follows

app.directive("firstDirective", function() {
  return {
    restrict: "EACM",
    replace: true,
    templateUrl: 'template.html'
  };
});

Here's demo.