Verwenden von Angular 1.5 - Können Sie eine Komponente in der Vorlage einer anderen Komponente haben?

Question

Neu bei eckigen 1.5 und versuchen, Komponentenkommunikation besser zu verstehen. Fragst du dich, ob ich eine Komponente in der Vorlage einer anderen Komponente haben kann? Und wenn ja, wie kommunizieren sie miteinander (mit Bedarf?)?

Answer 1

Ja. Jede Komponente hat Ein- und Ausgänge. Die Eingaben stammen vom Vater zum Kind, während die Ausgaben vom Kind zum Elternteil sind. In diesem plunker example erfolgt die tatsächliche Wertsteigerung in der Steuerung der übergeordneten Komponente, der Wert wird jedoch in der untergeordneten Komponente angezeigt, wo sich die Schaltfläche für die Erhöhung befindet.

.component('parentComponent', { 
    template: '<child-component value="$ctrl.value" on-increment="$ctrl.increment()"></child-component>', 
    controller: function() { 
     // Init 
     var self = this; 
     self.$onInit = function() { 
     // 
     } 
     self.value = 7; 

     // Increment 
     self.increment = function() { 
     return self.value += 1; 
     } 
    }, 
    bindings: { 
     // 
    } 
}) 
.component('childComponent', { 
    template: '<h2 ng-bind="$ctrl.value"></h2><button ng-click="$ctrl.onIncrement()">Increment Value</button>', 
    controller: function() {}, 
    bindings: { 
     value: '<', 
     onIncrement: '&' 
    } 
});