компонент внутри компонента в angularJS - PullRequest
Новая
       39

компонент внутри компонента в angularJS

0 голосов
/ 19 марта 2019

У меня есть два независимых компонента, определенных друг в друге в HTML.Но мой второй (внутренний) компонент не заполняется с использованием шаблона, указанного в свойстве templateUrl внутреннего компонента. 

//first component
angular.module('app').component('toolCtrl', {
  templateUrl: '/NFRManagementTools/static/js/templates/toolCtrl.html',
  controller: ToolCtrl,
  controllerAs: 'vtc',
});

//second coponent

angular.module('app').component('itemsView', {
  templateURL: '/NFRManagementTools/static/js/templates/itemsView.html',
  controller: ItemsViewCtrl

});
<tool-ctrl>
  <items-view></items-view>
<tool-ctrl>

1 Ответ

1 голос
/ 19 марта 2019

Вы, вероятно, ищете опцию transclude, в свой родительский компонентный контроллер добавьте следующую опцию 

angular.module('app').component('toolCtrl', {
  transclude: true,
  templateUrl: '/NFRManagementTools/static/js/templates/toolCtrl.html',
  controller: ToolCtrl,
  controllerAs: 'vtc',
});

А в шаблоне родительского компонента вы должны указать, куда поместить внутренности, поместив определенный тег <ng-transclude></ng-transclude>

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

...