éditeur de héros angulaire
documents Étude: https://angular.cn/tutorial/toh-pt1
@Component une fonction décorative, un composant qui est utilisé pour spécifier les métadonnées nécessaires angulaire.
ngOnInit () est un crochet cycle de vie, angulaire Lorsque vous avez créé des composants vont bientôt appeler ngOnInit (), voici un bon endroit pour mettre la logique d'initialisation.
Pipeline est un bon moyen de chaînes de format, le montant, la date et d'autres données d'affichage. Angulaire libéré certains intégré dans les tuyaux, mais vous pouvez également créer votre propre pipeline.
Toutes les fonctionnalités sont dans le même ensemble, l'entretien ne sera plus disponible après l'application de « grandir ». Vous voulez diviser les grandes composantes en sous-ensembles plus petits, chaque sous-ensembles doivent se concentrer sur une tâche particulière ou flux de travail.
[Hero] = "selectedHero" propriété angulaire est la syntaxe obligatoire.
C'est une donnée à sens unique de liaison.
Avec décoratrice @input pour faire les attributs de héros peuvent être liés à un HeroesComponent externe.
Pourquoi avez-vous besoin de services?
Les composants ne doivent pas obtenir ou enregistrer des données directement, ils ne doivent pas savoir si les données montrent faux. Ils devraient se concentrer sur les données actuelles, l'accès aux données et responsabilités des délégués à un service.
Le service est une bonne façon de partager l'information entre plusieurs « entre eux ne savent pas » catégorie.
Service @Injectable ()
Notez que ce nouveau service introduit symbole angulaire Injectable et à la classe de service ajoute décorateur @Injectable ().
Il est cette classe est marquée comme l'un des participants du système d'injection de dépendance. classe HeroService fournira une injection de service, et il peut également compter sur leur propre à injecter.
@Injectable () décorateur acceptera les objets de métadonnées de service, comme @component () que le rôle de la classe composant.
Procure (fournir) HeroService
Vous devez d'abord enregistrer un fournisseur de services pour mettre à la disposition du système d'injection de dépendance HeroService, afin angulaire de l'injecter dans HeroesComponent dans.
version objet Observable de HeroService
Observable est une classe clé de RxJS.