当我使用自定义angularjs指令时,为什么不呈现HTML代码

时间:2014-01-20 11:34:40

标签: javascript html angularjs

HTML:

<section>
     <!-- <div ng-controller="Ctrl"> -->
     <div nt-attr-dir></div>
</section>

的script.js

angular.module('docsSimpleDirective', [])
  .directive('ntAttrDir', function factory() {
    var directiveDefinitionObject = {
      template: "<div> Test </div>",
      replace:false,
      restrict:"A"
    };
    return directiveDefinitionObject;
  });

所以预期的结果是html代码应该看起来像

<section>
 <!-- <div ng-controller="Ctrl"> -->
     <div nt-attr-dir><div> Test </div></div>
</section>

但它总是如下所示

<section>
 <!-- <div ng-controller="Ctrl"> -->
     <div nt-attr-dir></div>
</section>

我缺少什么,以便不显示测试。

1 个答案:

答案 0 :(得分:0)

我唯一能想到的是缺少ng-app指令:

<html ng-app="docsSimpleDirective">

为什么?

  • 此指令100%有效。
  • 我假设控制台中没有隐藏的错误报告。