Preguntas etiquetadas con angular-components

Tengo una serie de elementos que quiero que sean visibles bajo ciertas condiciones. En AngularJS escribiría <div ng-show="myVar">stuff</div> ¿Cómo puedo hacer esto en Angular 2+?

570 angular  angular-components  angular-template 

¿Alguien sabe cómo hacerse con un elemento definido en una plantilla de componente? Polymer lo hace realmente fácil con $y $$. Me preguntaba cómo hacerlo en Angular. Tome el ejemplo del tutorial: import {Component} from '@angular/core'; @Component({ selector:'display', template:` <input #myname (input)="updateName(myname.value)"/> <p>My name : {{myName}}</p> ` }) export class …

517 angular  typescript  angular-components 

Tengo un componente padre: <parent></parent> Y quiero llenar este grupo con componentes secundarios: <parent> <child></child> <child></child> <child></child> </parent> Plantilla principal: <div class="parent"> <!-- Children goes here --> <ng-content></ng-content> </div> Plantilla hijo: <div class="child">Test</div> Ya que parent y childson dos componentes separados, sus estilos son encerrados en su propio ámbito de …

266 css  angular  angular-components 

Tengo un componente en Angular 2 llamado my-comp: <my-comp></my-comp> ¿Cómo se estiliza el elemento host de este componente en Angular 2? En Polymer, usaría el selector ": host". Lo probé en Angular 2. Pero no funciona. :host { display: block; width: 100%; height: 100%; } También intenté usar el componente …

189 css  angular  css-selectors  angular-components 

¿Existe algún método abreviado para cambiar el nombre de un componente con la CLI angular que no sea editar manualmente todos los archivos de componentes, como el nombre de la carpeta, .css, .ts, spec.ts y app.module.ts?

178 angular  angular-cli  rename  angular-components 

Estoy tratando de usar un componente que creé dentro del AppModule en otros módulos. Sin embargo, recibo el siguiente error: "No capturado (en promesa): Error: errores de análisis de plantilla: 'contact-box' no es un elemento conocido: Si 'caja de contactos' es un componente angular, verifique que sea parte de este …

135 angular  typescript  angular-components  angular-module 

Estoy trabajando en una Ionicaplicación ( 2.0.0-rc0) que depende de angular 2. Entonces ngModulesse incluye la nueva introducción de . Estoy agregando mi a app.module.ts.continuación. import { NgModule } from '@angular/core'; import { IonicApp, IonicModule } from 'ionic-angular'; import { MyApp } from './app.component'; import { Users } from '../pages/users/users'; …

131 angular  angular-components  angular-module 

He creado un componente secundario que tiene un método que quiero invocar. Cuando invoco este método, solo activa la console.log()línea, ¿no establecerá la testpropiedad? A continuación se muestra la aplicación Angular de inicio rápido con mis cambios. Padre import { Component } from '@angular/core'; import { NotifyComponent } from './notify.component'; …

130 angular  typescript  angular-components 

Estoy tratando de construir un componente personalizado usando múltiples ng-contenten Angular 6, pero esto no funciona y no tengo idea de por qué. Este es mi 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> Estoy tratando de utilizar este componente en otro lugar y hacer …

95 angular  angular6  angular-components  ng-content