editor herói Angular
Estudo documentos: https://angular.cn/tutorial/toh-pt1
@Component uma função decorativa, um componente que é usado para especificar os metadados necessários Angular.
ngOnInit () é um gancho do ciclo de vida, Angular Quando tiver criado componentes em breve chamar ngOnInit (), aqui é um bom lugar para colocar lógica de inicialização.
Pipeline é uma boa maneira de cadeias de formato, quantidade, data e outros dados de exibição. Angular lançou alguns built-in tubos, mas você também pode criar seu próprio pipeline.
Todos os recursos estão na mesma montagem, manutenção ficarão indisponíveis após a aplicação de "crescer". Você quer dividir os grandes componentes em menores subconjuntos, cada sub-conjuntos devem se concentrar em uma tarefa ou fluxo de trabalho particular.
= Sintaxe "selectedHero" propriedade angular é vinculativo [herói].
Esta é uma ligação de uma via de dados.
Com @Input decorador para fazer os atributos herói pode ser vinculado a um HeroesComponent externo.
Por que você precisa de serviços?
Componentes não devem obter ou salvar os dados diretamente, eles não devem saber se a mostrar dados falsos. Eles devem se concentrar nos dados atuais, acesso a dados e responsabilidades do delegado para um serviço.
Serviço é uma boa maneira de compartilhar informações entre vários "uns aos outros não sei" categoria.
serviço @Injectable ()
Note-se que este novo serviço introduzido injetável símbolo angular, e para a classe de serviço adiciona @Injectable decorador ().
É esta classe é marcado como um dos sistema de injeção participantes dependência. classe HeroService irá fornecer uma injeção de serviço, e também pode confiar em sua própria para ser injetado.
@Injectable) decorador (aceitará os objetos de metadados de serviços, como @Component () como o papel da classe componente.
Fornece (fornecer) HeroService
Você deve primeiro registrar um provedor de serviços para tornar o sistema de injeção HeroService dependência disponíveis, ordem angular para injetá-lo em HeroesComponent no.
versão objeto observável de HeroService
Observável é uma classe chave de RxJS.