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