Extension / décoration des composants et directives Angular 2

J'ai des cas d'utilisation pour l'héritage et la décoration (comme dans le modèle Decorator) des composants et des directives dans Angular 2.

L'exemple est un composant avec un modèle de base qui ne convient pas au cas, au point où il est plus facile de définir un nouveau modèle au lieu de modifier les DOM d'un existant par programme. Le reste des métadonnées des composants doivent être héritées.

Fondamentalement, c'est

export const BASE_SOME_COMPONENT_METADATA = { ... }; @Component(BASE_SOME_COMPONENT_METADATA); export class BaseSomeComponent { ... } ... import { BaseSomeComponent, BASE_SOME_COMPONENT_METADATA } from '...'; @Component(Object.assign({}, BASE_SOME_COMPONENT_METADATA, { template: '...' }); export class SomeComponent extends BaseSomeComponent {} 

Et un cas plus compliqué est

• Erreur angulaire 2 – Il n'y a pas de directive avec "exportAs" réglé sur "ngModel" avec la version RC4
• Le bouton avant / arrière de l'historique ne fonctionne pas avec le routeur angulaire 2
• Modifier les éléments du tableau FormBuilder dans les formulaires imbriqués
• Angular 2 useExisting providers
• Formes Angular2: validateur avec des champs interdépendants

 @Component({ ... }); export class ThirdPartyComponent { @Input() ...; @Input() ...; @Input() ...; ... } ... import { ThirdPartyComponent as BaseThirdPartyComponent } from '...'; @Component({ // may modify or replace any of the original properties template: ..., styles: ... ... }); export class ThirdPartyComponent extends BaseThirdPartyComponent {} 

Notez que ThirdPartyComponent possède de nombreuses entrées. Il peut y avoir des cas où il est avantageux de modifier un composant en interne au lieu de l'envelopper et de modifier son comportement de l'extérieur. Un composant wrapper qui les énumère tous dans le modèle et les transfère à ThirdPartyComponent peut être WET et sale:

 <third-party inputs="inputs" that="that" should="should" be="be" enumerated="enumerated"> 

Les éléments de mise en page supplémentaires introduits par les composants de l'emballage peuvent être interdits dans certains cas.

ThirdPartyComponent peut être un composant principal (un bouton) qui est utilisé par d'autres composants tiers. Ensuite, ils devraient également être affectés, il peut donc être nécessaire de «décorer le décorateur» sur l'injecteur, non seulement l'étendre.

Dans Angular 1.x thirdPartyDirective est un service qui offre un accès complet aux DDO composantes, afin qu'ils puissent être décorés, étendus, frits, etc. Quels sont les équivalents directs de cette approche dans Angular 2? Si cela cesse certaines règles et annule la garantie, c'est correct.

Comment un composant / directive qui n'exporte-t-il pas ses métadonnées peut-il être étendu?

Comment les métadonnées des composants existants peuvent-elles être modifiées?

• Angulaire 2, définissez la valeur par défaut pour sélectionner l'option
• Angulaire 2: Passer des données aux itinéraires?
• Angular2 Le champ de saisie dynamique perd le focus lorsque les changements d'entrée
• Dans Angular 2, comment déterminez-vous l'itinéraire actif?