gqmartins gqmartins - 5 months ago 18
AngularJS Question

angular directive does not render

I'm having problems with angular directives. I created a custom directive but it's not appearing and i don't know why. I can access the view specified in templateUrl with using localhost.

If somebody could help me that would just be great.

Thanks.

messageListDirective.js

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


messageList.html

<h4>MESSAGE LIST</h4>


And the view where I'm using the directive:

messageBoard.html

<message-list></message-list>

zan zan
Answer

change directive:

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

to

.directive('messageList', function() {      

angular normalize element tags. Read this for more info