2016-06-22 8 views
0

Я знаю, что этот вопрос задавался много раз раньше, но я читал тонны, и ни один из них, похоже, не относится к моей проблеме.Пользовательская угловая директива не отображается?

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

HTML:

<div class="row"> 
    <goal-chart>Loading directive...</goal-chart> 
</div> 

JS:

(function() { 
    'use strict'; 
    /** 
    * @desc create d3 charts for goal progress and completion 
    * @example <goal-chart></goal-chart> 
    */ 

    angular 
    .module('goalTracker') 
    .directive('goalChart', goalChart); 

    function goalChart() { 
     return { 
      template: '<h1>GOAL CHART</h1>' 
     }; 
    } 
})(); 

и у меня есть основной файл конфигурации маршрута:

enter image description here

Все, что проявляется это:

enter image description here

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

+0

любая ошибка консоли? –

+0

Ошибок в консоли нет. –

+0

вы пропустили, чтобы выполнить угловой на странице, например, с помощью команды 'ng-app =" goalTracker "или загрузочного модуля –

ответ

2

Синтаксис объявления вашего модуля неверен. Должно быть:

angular.module('goalTracker', []) 

plunk.

+2

Это то, что имеет место тогда, оно должно было вызвать ошибку в консоли. –

+1

Существует главный файл конфигурации, который уже перечисляет зависимости в модуле, поэтому нет необходимости также добавлять второй аргумент в декларацию модуля директивы. И отсутствие второго аргумента в модуле в значительной степени является единственной очевидной/полезной угловой ошибкой, но я этого не понимаю. –

+1

Я добавлю рабочий плэк к моему ответу – jbrown

0

Разрешение:

я полагалась слишком сильно на моих глотком задач для отслеживания изменений и обновления all.js файл правильно. HTML был добавлен в проект, но js директивы не был связан. Благодарим вас за оперативную помощь всем.

Смежные вопросы