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 :
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',...
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...
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...
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...
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...
Me gustaría markAsDirtytodos los controles dentro de un FormGroup.
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é este...
¿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 aplicación angular2 y...
¿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...
Soy nuevo en Angular. Empecé Tour of Heroes para aprenderlo. Entonces, fui creado app.componentcon un two-wayenlace. import { Component } from '@angular/core'; export class Hero { id: number; name: string; } @Component({ selector: 'app-root', template: ` <h1>{{title}}</h1>...
¿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.
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"...
¿Cómo puedo introducir algo como 'my-app-name/services'para evitar líneas como la siguiente importación? import {XyService} from '../../../services/validation/xy.service';
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 en mi...
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?
Encontré un ejemplo que limita un número a 2 lugares decimales Y convierte la cifra en una cantidad de moneda, por ejemplo, £ 2.55. {{ number | currency : 'GBP' : true : '1.2-2'}} ¿Existe una tubería simple que haga lo mismo sin aplicar una moneda?
Recibo este error después de migrar a NgModule, el error no ayuda demasiado, ¿algún consejo, por favor? Error: Error: Unexpected value 'undefined' imported by the module 'AppModule' at new BaseException (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:5116:27) at...
¿Cómo declarar una función dentro de un componente (mecanografiado) y llamarla en un evento de clic en Angular 2? A continuación se muestra el código para la misma funcionalidad en Angular 1 para el que necesito el código Angular 2: <button
Acabo de crear un nuevo angular-cliproyecto y ejecutó npm install [email protected] 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": [...