Perguntas com a marcação «angular-components»

Eu tenho vários elementos que quero que sejam visíveis sob certas condições. No AngularJS eu escreveria <div ng-show="myVar">stuff</div> Como posso fazer isso no Angular 2+?

570 angular  angular-components  angular-template 

Alguém sabe como se apossar de um elemento definido em um modelo de componente? O polímero facilita muito com o$ e $$. Eu só estava me perguntando como fazer isso no Angular. Veja o exemplo do tutorial: import {Component} from '@angular/core'; @Component({ selector:'display', template:` <input #myname (input)="updateName(myname.value)"/> <p>My name : …

516 angular  typescript  angular-components 

Eu tenho um componente pai: <parent></parent> E eu quero preencher esse grupo com componentes filhos: <parent> <child></child> <child></child> <child></child> </parent> Modelo principal: <div class="parent"> <!-- Children goes here --> <ng-content></ng-content> </div> Modelo filho: <div class="child">Test</div> Como parente childsão dois componentes separados, seus estilos são bloqueados para seu próprio escopo. No …

266 css  angular  angular-components 

Eu tenho componente no Angular 2 chamado my-comp: <my-comp></my-comp> Como um estilo é o elemento host desse componente no Angular 2? No polímero, você usaria o seletor ": host". Eu tentei no Angular 2. Mas não funciona. :host { display: block; width: 100%; height: 100%; } Eu também tentei usar …

189 css  angular  css-selectors  angular-components 

Existe algum atalho para renomear um componente com a CLI Angular que não seja a edição manual de todos os arquivos do componente, como nome da pasta, .css, .ts, spec.ts e app.module.ts?

177 angular  angular-cli  rename  angular-components 

Estou tentando usar um componente que criei dentro do AppModule em outros módulos. Porém, eu recebo o seguinte erro: "Não capturado (na promessa): Erro: erros de análise de modelo: 'contact-box' não é um elemento conhecido: Se 'contact-box' for um componente Angular, verifique se ele faz parte deste módulo. Se 'contatos-caixa' …

134 angular  typescript  angular-components  angular-module 

Estou trabalhando em um Ionicaplicativo ( 2.0.0-rc0) do qual depende angular 2. Portanto, a nova introdução de ngModulesestá incluída. Estou adicionando o meu app.module.ts.abaixo. import { NgModule } from '@angular/core'; import { IonicApp, IonicModule } from 'ionic-angular'; import { MyApp } from './app.component'; import { Users } from '../pages/users/users'; @NgModule({ …

131 angular  angular-components  angular-module 

Eu criei um componente filho que possui um método que eu quero chamar. Quando invoco esse método, ele dispara apenas a console.log()linha, não define otest propriedade ?? Abaixo está o aplicativo Angular de início rápido com minhas alterações. Pai import { Component } from '@angular/core'; import { NotifyComponent } from …

130 angular  typescript  angular-components 

Estou tentando construir um componente personalizado usando vários ng-contentno Angular 6, mas isso não está funcionando e não tenho ideia do porquê. Este é o meu código de componente: <div class="header-css-class"> <ng-content select="#header"></ng-content> </div> <div class="body-css-class"> <ng-content select="#body"></ng-content> </div> Estou tentando usar este componente em outro lugar e renderizar dois …

103 angular  angular6  angular-components  ng-content