Я изучаю, как создавать директивы, потому что они кажутся очень полезными, и я думал, что это будет полезно для верхней навигационной панели. Я не уверен, что я не понимаю, как они должны использоваться, пропустили что-то маленькое по пути или что-то совсем другое.templateUrl не загружается при создании настраиваемой директивы
templateUrl
не загружается и не просматривается other posts и the docs, я не вижу, что пошло не так.
Вот директива
.directive('stNavDir', function() {
return {
restrict: 'E',
transclude: true,
templateUrl: 'partials/TopNav.html',
scope: {
siteName: "=",
},
link: function(scope, element, attrbiutes) {
element.addClass('topBar');
}
}
Используя его в index.html
<body>
<st-NavDir site-name={{siteName}}>{{title}}</st-NavDir>
TopNav.html
<div>
<button>Menu</button>
</br>
<div >
This will hold the navigation with a menu button, title of current location in app, and maybe other things
</div>
</div>
Таким образом, он отображает только значение {{title}}
и, глядя в консоль, ошибок нет и, похоже, даже не загружается TopNav.html
.
Если я использую его совершенно неправильно или есть лучший способ, я тоже все уши. Но это казалось хорошим местом, чтобы попробовать использовать директиву. Я могу загрузить его с помощью ng-include
, но я хотел попробовать этот способ и посмотреть, будет ли он более эффективным.
У меня также возникли проблемы с получением стиля, который может быть вызван этой начальной проблемой.
Должно быть –
@MikkoViitala да, спасибо! Мне нужно больше уходить от компьютера чаще, чем я предполагаю. :/ – codeMagic
Нет, иногда вам просто нужна еще одна пара глаз, чтобы заметить очевидное. –