Javascript AngularJS angular种子启动程序项目添加指令

我正在尝试使用angular种子项目（）来启动一个新项目。我正试图加入一个新的指令

<div test-directive></div>

已创建testDirective.js文件：

'use strict';

angular.module("myApp.testDirective", [])
.directive("testDirective",
        function() {
            return {
                template : "<h1>Made by a directive!</h1>"
            };
        });

而view1.html看起来像：

<p>This is the partial for view 1.</p>
<div testDirective></div>

这是视图1的部分

---

但是，当我运行应用程序时，testDirective所在的位置没有显示任何内容。不知道我哪里出错了。

无论何时，只要想在html上使用指令，就应该用它将大写字母替换为小写前缀

-

。指令规范化过程在编译指令时将

测试指令

转换为

测试指令

<div test-directive></div>

---

无论何时，只要想在html上使用指令，就应该将大写字母替换为小写前缀

-

。指令规范化过程在编译指令时将

测试指令

转换为

测试指令

<div test-directive></div>

---

在HTML元素的开始标记中包含属性指令时，它们必须转换为破折号

<div test-directive>

---

在HTML元素的开始标记中包含属性指令时，它们必须转换为破折号

<div test-directive>

@erichardson30很高兴听到它的帮助..谢谢：）@erichardson30很高兴听到它的帮助..谢谢：）