Preguntas etiquetadas con angular

Estoy intentando detectar un cambio ngModelen una <select>etiqueta. En Angular 1.x, podríamos resolver esto con un $watchon ngModel, o usando ngChange, pero todavía tengo que entender cómo detectar un cambio ngModelen Angular 2. Ejemplo completo : http://plnkr.co/edit/9c9oKH1tjDDb67zdKmr9?p=info import {Component, View, Input, } from 'angular2/core'; import {FORM_DIRECTIVES} from 'angular2/common'; @Component({ selector: …

97 javascript  angular 

No puedo traducir este código de Angualr 1 a Angular 2: ng-repeat="todo in todos | orderBy: 'completed'" Esto es lo que hice siguiendo la respuesta de Thierry Templier: Plantilla de componente: *ngFor="#todo of todos | sort" Código de componente: @Component({ selector: 'my-app', templateUrl: "./app/todo-list.component.html", providers: [TodoService], pipes: [ TodosSortPipe ] …

97 angular  angular2-template  angular-pipe 

¿Cómo puedo agregar una clase a la etiqueta del cuerpo sin hacer que el cuerpo sea ​​el selector de aplicaciones y usar el enlace de host? Intenté usar el Renderer pero cambia todo el cuerpo Clase de enlace angular 2.x en la etiqueta del cuerpo Estoy trabajando en una gran …

97 angular 

Tengo un conjunto de componentes de angular2 que deberían recibir algún servicio. Mi primer pensamiento fue que sería mejor crear una superclase e inyectar el servicio allí. Cualquiera de mis componentes ampliaría esa superclase, pero este enfoque no funciona. Ejemplo simplificado: export class AbstractComponent { constructor(private myservice: MyService) { // …

97 inheritance  angular  typescript  inject  typescript1.8 

Estoy usando ReactiveFormsModuleAngular2 para crear un componente que contiene un formulario. Aquí está mi código: foo.component.ts : constructor(fb: FormBuilder) { this.myForm = fb.group({ 'fullname': ['', Validators.required], 'gender': [] }); } foo.component.html (con [formControl]): <div class="fields"> <div class="field"> <label>Fullname*</label> <input type="text" [formControl]="myForm.controls.fullname"/> </div> </div> <div class="inline fields"> <label for="gender">Gender</label> <div class="field"> …

97 angular  radio-button  angular2-forms  form-control  angular2-formbuilder 

Estoy tratando de usar el disabledatributo de a formControl. Cuando lo pongo en la plantilla, funciona: <md-input formControlName="id" placeholder="ID" [disabled]="true"></md-input> Pero el navegador me alerta: Parece que está utilizando el atributo disabled con una directiva de formulario reactivo. Si establece disabled en true cuando configura este control en su clase …

97 angular  typescript 

Estoy tratando de crear una aplicación angular2 para producción, por eso estoy siguiendo este blog . Después de mi compilación exitosa de ngc cuando se lleva a cabo la compilación de tsc , genera el siguiente error que se muestra en la imagen: Después de buscar por un tiempo, encontré …

97 angular  typescript  typescript-typings  angular2-aot 

Me gustaría markAsDirtytodos los controles dentro de un FormGroup.

97 angular 

¿Cómo declarar una variable de referencia de plantilla dinámica dentro de un elemento?ngFor Quiero usar el componente popover de ng-bootstrap, el código popover (con enlace Html) es como se muestra: <ng-template #popContent>Hello, <b>{{name}}</b>!</ng-template> <button type="button" class="btn btn-secondary" [ngbPopover]="popContent" popoverTitle="Fancy content"> I've got markup and bindings in my popover! </button> ¿Cómo …

97 angular  ng-bootstrap  angular-template 

Creé un servicio SocketService, básicamente inicializa el socket para permitir que la aplicación escuche en el puerto. Este servicio también interactúa con algunos componentes. // socket.service.ts export class SocketService { constructor() { // Initializes the socket } ... } Sé que el código en el constructor de SocketService () solo …

97 typescript  angular 

Aquí está mi componente en Angular 4: @Component( { selector: 'input-extra-field', template: ` <div class="form-group" [formGroup]="formGroup" > <switch [attr.title]="field.etiquette" [attr.value]="field.valeur" [(ngModel)]="field.valeur" [formControl]="fieldControl" [attr.id]="name" [attr.disabled]="disabled"> </switch> <error-messages [control]="name"></error-messages> </div> ` } ) Aquí está mi clase: export class SwitchExtraField extends ExtraField { @Input() field: ExtraFormField; @Input() entity: { fields: Object }; …

96 angular  form-control 

¿Alguien puede ilustrar la diferencia entre usar <ng-container>y <ng-template>elementos? No pude encontrar documentación NgContainery no entiendo bien la diferencia entre la etiqueta de plantilla. Un ejemplo de código de cada uno sería de gran ayuda.

96 angular 

Acabo de crear un nuevo angular-cliproyecto y ejecutó npm install bootstrap@4.0.0-beta jquery popper.js --save y cambió las partes relacionadas de .angular-cli.json como se muestra a continuación "styles": [ "../node_modules/bootstrap/dist/css/bootstrap.css" ], "scripts": [ "../node_modules/jquery/dist/jquery.js", "../node_modules/popper.js/dist/popper.js", "../node_modules/bootstrap/dist/js/bootstrap.js" ], sin embargo, recibiendo el error a continuación 10:2287 Uncaught SyntaxError: Unexpected token export at …

95 twitter-bootstrap  angular  webpack  popper.js 

Actualmente estoy tratando de aprender Angular2 y TypeScript después de trabajar felizmente con AngularJS 1. * durante los últimos 4 años. Tengo que admitir que lo odio, pero estoy seguro de que mi momento eureka está a la vuelta de la esquina ... de todos modos, he escrito un servicio …

95 typescript  angular  observable  rxjs 

Necesito un temporizador en Angular 2, que marca después de un intervalo de tiempo y realiza alguna tarea (puede ser llamar a algunas funciones). ¿Cómo hacer esto con Angular 2?

95 javascript  angular