Javascript AngularJS指令模板未呈现

我有一个简单的指令，现在只显示一些文本：

app.directive("exampleText", function() {
    return {
        restrict: "E",
        template: '<div>hello!</div>'
    }

});

app.directive（“exampleText”，function（））{
返回{
限制：“E”，
模板：“你好！”
}
});

在my index.html中，我有以下内容：

<div class="container" ng-app="customerPortalApp">
  <div ui-view></div>
  <exampleText></exampleText>
</div>

---

exampleText

不在我的

ui视图中，因为这与我的路线有关，并且工作正常。但据我所知，指令模板应该按原样呈现。我遗漏了什么吗？
带有一个名为：

app.directive("exampleText", ...

HTML应为：

<example-text></example-text>



发件人：

Angular规范化元素的标记和属性名称以确定
哪些元素与哪些指令匹配。我们通常指
指令的大小写敏感名称（例如。
ngModel）。然而，由于HTML不区分大小写，我们参考
通过小写形式在DOM中执行指令，通常使用
DOM元素上以破折号分隔的属性（例如ng模型）

正如tasseKATT所指出的，指令名称应保留为“exampleText”
html元素应该是

我觉得演示会有帮助

模板：

<div ng-app="myApp">
    <sample-text></sample-text>
</div>



该指令：

var app = angular.module('myApp', []);
app.directive('sampleText', function () {
    return {
        restrict: "E",
        template: '<div>Some sample text here.</div>'
    };
});

var-app=angular.module（'myApp'，[]）；
应用程序指令（'sampleText'，函数（）{
返回{
限制：“E”，
模板：“此处有一些示例文本。”
};
});
我浪费了两个小时的时间在这个lol上，非常感谢！这就是问题所在。只是一个值得注意的问题。示例文本失败，但示例文本有效。它也不喜欢-这正常吗？您是否将指令名称保留为“exampleText”？那么“示例文本”应该可以在html中使用。非常感谢！我的生命中有3个小时也浪费在这上面了！！在这里两个小时。上帝保佑。