Угловая пользовательская директива не называется

Question

Я новичок в угловой и в настоящее время конвертирую свой обычный веб-сайт html/javascript в угловое приложение.

Я застрял в пользовательской директиве, в которой проблема заключается в том, что это не рендеринг в представлении.

Из-за чтения угловых документов я понимаю соглашение о верблюжьей оболочке и что, если у вас нет набора свойств «ограничивать», Angular автоматически примет его атрибут, чтобы я знал, что там нет никаких проблем.

Вот как я структурировали свою директиву:

var directives = angular.module('app.directives', []); 
directives.directive("dataPercent", [function() { 
    return { 
     restrict: 'E', 
     template: '<a href="http://google.com">Click me to go to Google </a> ' 

    } 
}]); 

Как это в DOM:

<data-percentage></data-percentage> 

и ссылка на директивы в заголовке index.html

<script src="assets/directives/dataPercentDirective.js"></script> 

Также на всякий случай, как я инициализирую свои контроллеры, директивы и службы в app.js:

angular.module('app', ['app.controllers', 'app.directives', 'app.services']); 

Странная часть что нет отображенной в Дев инструментах ошибки

Answer 1

Использование datPercent в качестве данных зарезервированного слова

данные зарезервированного слова.

jsbin http://jsbin.com/yexonayoho/edit?html,js,output