learn_angularjs_2_-_the_basics:creating_a_subcomponent
Lorsque l'on conçoit une application complexe, ce peut être un bonne idée de diviser un component en plusieurs subcomponents.
property-binding
<ul>
<li *ngFor="#item of objets">
<custom-element [element]=item></custom-element> // à l'intérieur de ce loop item devient element comme spécifié
</li>
</ul>
+custom-element.component.ts
import {Component} from 'angular2/core';
@Component ({
selector: 'custom-element',
templateUrl: 'partials/customelement.html',
inputs: ['data']
})
export class CustomElementComponent {}
import {Component} from 'angular2/core';
import {CustomElementComponent} from './custom-item.component';
@component({
(…)
directives: [CustomElementComponent]
})
styles
Angular importe les styles dans le head, mais y injecte des informations additionnelles, en l'occurence des sélecteurs d'attributs. Cela peut empêcher les styles d'être appliqués aux subcomponents. Il faut donc séparer apparemment les styles Component/subComponent.
learn_angularjs_2_-_the_basics/creating_a_subcomponent.txt · Last modified: 2016/06/15 11:13 by leo