Ich habe zwei eckige Komponenten: App-Menü und App-Menü. app-menu hat eine Liste von app-menueitem als Kinder, aber es gibt keine transclude.In Agular 1.5, wie kompiliert man das HTML einer Elternkomponente von einer Kindkomponente?
App-menuitem
angular.module('app')
.component('appMenuitem', {
transclude: false,
controller: menuitemController,
require: {
parent: '^?app-menu'
},
bindings: {
...
groupradio: '@',
isactive: '<', // bind to active (just init)
...
},
templateUrl: 'angular/components/simple/menuitem/menuitem.html'
});
function menuitemController($rootScope, $scope, $element, $attrs) {
var ctrl = this;
//Default values
ctrl.$onInit = function() {
if(ctrl.isactive){
ctrl.active = true;
}else{
ctrl.active = false;
}
ctrl.selectRadioItem = function(){
if(!ctrl.active){
var currentMenu = this.parent.items.menu;
var levelMenu = this.parent.items.level;
for(var i = 0; i < currentMenu.length; i++){
var currentMenuItem = currentMenu[i];
if(currentMenuItem.groupradio === ctrl.groupradio){
if(currentMenuItem.index === ctrl.index){
currentMenuItem.isactive = true;
}else{
currentMenuItem.isactive = false;
}
currentMenu[i] = currentMenuItem;
}
}
this.parent.items.menu = currentMenu;
console.dir(this.parent); //<-- updates are visible but the html did not change.
}
...
Wie Sie am Ende dieses Codes sehen können, konnte ich das übergeordnete Komponente App-Menü aus diesem Kind Komponente app-menuitem ändern, aber die html wird nie wieder kompiliert in diesem Fall. Jemand hat eine Idee?
Warum nicht Daten verwenden verbindlich? – Clint
Ich verwende das "Bindings" Attribut ... was meinst du? –
Würde es Ihnen etwas ausmachen, den HTML-Code für die Menüeinträge zu posten? – Clint