javascript - Angular : Directive code not rendering the template

Question

我只是克隆了 angular seed项目并添加如下所示的指令:

    .directive('dataGrid',function(){
    return{
        restrict: 'E',
        template : '<h1>HHHIII</h1>'
    }
})

但是当我使用指令 <data-grid></data-grid> 时不显示 HTML 内容。谁能指出我遗漏了什么？

当我在浏览器中检查页面时，这是我看到的

<div ng-view="" class="ng-scope">
  <data-grid class="ng-scope"></data-grid>
</div>

Answer 1

问题是指令的名称。前缀 data- 用于 HTML5 自定义属性。重命名指令应该可以解决问题。