User Tools

Site Tools


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