Articles of angular2 componentes

Como chamar outra function de componentes em angular2

Eu tenho dois componentes como segue e eu quero chamar uma function de outro componente. Ambos os componentes estão incluídos no terceiro componente pai usando a diretiva. Componente 1: @component( selector:’com1′ ) export class com1{ function1(){…} } Componente 2: @component( selector:’com2′ ) export class com2{ function2(){… // i want to call function 1 from com1 […]

Como usar ResolveComponentFactory (), mas com uma string como chave

o que estou tentando fazer: Use algo semelhante ao “resolveComponentFactory ()”, mas com um identificador de ‘string’ para obter as Fábricas de Componentes. Uma vez obtido, comece a alavancar o método “createComponent (Factory)”. Exemplo Plnkr -> digite a descrição do link aqui No exemplo, você verá o método “AddItem” addItem(componentName:string):void{ let compFactory: ComponentFactory; switch(componentName){ case […]

Como passar uma expressão para um componente como uma input em Angular2?

Eu preciso passar uma expressão para um componente que será avaliado dentro do modelo de um componente. Por exemplo, componente: @Component({ selector: ‘app-my-component’, … }) export class MyComponent { @Input items: MyClass; @Input expression: String; … } com o template do componente: {{expression}} Uso do MyComponent: Como haverá mais de uma input, gostaria de evitar […]

ng2 – criando dinamicamente um componente baseado em um modelo

Eu estive olhando as APIs Angular 2 para ComponentResolver e DynamicComponentResolver para criar componentes dynamics, mas eu tenho algo diferente em mente do que essas APIs oferecem. Existe alguma maneira no NG2 para criar um componente com base em uma seqüência de seu nome de class? Por exemplo, estou construindo um painel de charts configuráveis. […]

Angular – Qual é o significado de module.id em componente?

Em um aplicativo Angular, vi que @Component tem propriedade moduleId . O que isso significa? E quando o module.id não está definido em nenhum lugar, o aplicativo ainda funciona. Como isso ainda funciona? @Component({ moduleId: module.id, selector: ‘ng-app’, templateUrl: ‘app.component.html’, styleUrls: [‘app.component.css’], directives: [AppComponent] });