angular指令不呈现

Question

我遇到角度指令问题。我创建了一个自定义指令，但它没有出现，我不知道为什么。我可以使用localhost访问templateUrl中指定的视图。

如果有人可以帮助我那会很棒。

感谢。

messageListDirective.js

angular.module('neat')
    .directive('message-list', function() {
        return {
            restrict: 'E',
            templateUrl: '/views/utils/messageList.html'
        }
    });

messageList.html

<h4>MESSAGE LIST</h4>

我正在使用该指令的视图：

messageBoard.html

<message-list></message-list>

Answer 1

更改指令：

.directive('message-list', function() { 

到

.directive('messageList', function() {      

angular normalize元素标签。阅读本文以获取更多info

Answer 2

您是否在messageBoard.html中导入了ng-controller =“neat”？ 如果是，我认为你应该检查模板的网址。