У меня есть страница index.html, и эта страница работает как единая директива.
angular.module('app').directive('index', function() {
return {
templateUrl: 'html/index.html'
}
}).controller('index', ['$scope', '$http', function($scope, $http) {}])
Внутри index.html, у меня есть три вкладки gallery, list и summary. Я поместил все эти три вкладки в разные директивы, подобные этой.
/*Gallery directive*/
angular.module('app').directive('gallery', function() {
return {
templateUrl: 'html/gallery.html'
}
})
/*List directive*/
angular.module('app').directive('list', function() {
return {
templateUrl: 'html/list.html'
}
})
angular.module('app').directive('summary', function() {
return {
templateUrl: 'html/summary.html'
}
})
Я хочу, чтобы при загрузке страницы index.html галерея и сводная директива также загружались и отображались в index.html. Также я загружаю некоторые данные в index.html при загрузке, я также хочу передать эти данные в директивы summary, gallery и list. Также у меня есть вкладка галереи и список вкладок. Когда я щелкаю по вкладке галереи, я хочу, чтобы директива галереи загружалась, а когда я щелкаю по вкладке списка, я хочу, чтобы директива списка загружалась с данными. Первоначально галерея и сводная директива должны быть там по умолчанию. Переключение произойдет только в галерее и в виде списка. Сводная директива должна быть зафиксирована там.
Первоначально я разработал все это в одной директиве. Но сейчас я пытаюсь сделать все это в другой директиве.
Изображение ниже объясняет мой сценарий
Я не уверен, можем ли мы вызывать множественную директиву через одну директиву? Если да, то как мне этого добиться?
Привет