Estou tentando fazer com que as diretivas ngPanelHead, ngPanelBody e ngPanelFoot necessitem estar dentro da diretiva ngPanel, caso contrario um erro seja apresentado no console. Tentei com require porem não está funcionando. Estou utilizando a versão 1.4.8 do AngularJS.
angular
.module('app')
.directive('ngPanel', panel)
.directive('ngPanelHead', panelHead)
.directive('ngPanelBody', panelBody)
.directive('ngPanelFoot', panelFoot);
function panel() {
var directive = {
restrict: 'EA',
replace: true,
transclude: true,
template: '<section class="o-panel" ng-transclude></section>'
}
return directive;
}
function panelHead() {
var directive = {
restrict: 'EA',
// require: '^ngPanel',
replace: true,
transclude: true,
template: '<header class="o-panel__head" ng-transclude></header>'
}
return directive;
}
function panelBody() {
var directive = {
restrict: 'EA',
// require: '^ngPanel',
replace: true,
transclude: true,
template: '<article class="o-panel__body" ng-transclude></article>'
}
return directive;
}
function panelFoot() {
var directive = {
restrict: 'EA',
// require: '^ngPanel',
replace: true,
transclude: true,
template: '<footer class="o-panel__foot" ng-transclude></footer>'
}
return directive;
}
Obrigado!
directives
comng
, osdirectives
do Angular possuem esse prefixo, sendo assim, você pode acidentalmente criar um já existente. Utilize o seu próprio prefixo, ex.:bwPanel
– celsomtrindade 10/04/16 às 11:25