Preguntas etiquetadas con angular

Estoy usando Angular 4 y recibo un error en la consola: No se puede vincular a 'ngModel' ya que no es una propiedad conocida de 'input' ¿Cómo puedo resolver esto?

296 angular  typescript  angular-ngmodel  angular-forms 

En el documentación de Angular Component Router, me topé con un comando npm que nunca había visto antes y no entiendo lo que está sucediendo: npm install @angular/router --save ¿Cuál es el significado de @angular/router? ¿Es toda la cadena un nombre de paquete? Pero luego no encuentro ese paquete cuando …

294 javascript  angular  npm 

¿Por qué es el componente en este simple golpe? @Component({ selector: 'my-app', template: `<div>I'm {{message}} </div>`, }) export class App { message:string = 'loading :('; ngAfterViewInit() { this.updateMessage(); } updateMessage(){ this.message = 'all done loading :)' } } lanzamiento: EXCEPCIÓN: La expresión 'I'm {{message}} en la aplicación @ 0: 5' …

286 typescript  angular 

¿Qué estoy haciendo mal? import {bootstrap, Component} from 'angular2/angular2' @Component({ selector: 'conf-talks', template: `<div *ngFor="talk of talks"> {{talk.title}} by {{talk.speaker}} <p>{{talk.description}} </div>` }) class ConfTalks { talks = [ {title: 't1', speaker: 'Brian', description: 'talk 1'}, {title: 't2', speaker: 'Julie', description: 'talk 2'}]; } @Component({ selector: 'my-app', directives: [ConfTalks], template: …

286 angular  typescript  angular2-directives  ngfor 

El evento de cambio solo se llama después de que el foco de la entrada ha cambiado. ¿Cómo puedo hacer que el evento se active en cada pulsación de tecla? <input type="text" [(ngModel)]="mymodel" (change)="valuechange($event)" /> {{mymodel}} El segundo enlace cambia en cada pulsación de tecla por cierto.

282 angular 

Aparentemente, Angular 2 usará tuberías en lugar de filtros como en Angular1 junto con ng-for para filtrar resultados, aunque la implementación aún parece ser vaga, sin documentación clara. A saber, lo que estoy tratando de lograr podría verse desde la siguiente perspectiva <div *ng-for="#item of itemsList" *ng-if="conditon(item)"></div> ¿Cómo implementarlo usando …

278 angular  typescript 

Obviamente, la versión beta de Angular2 es más nueva que nueva, por lo que no hay mucha información disponible, pero estoy tratando de hacer lo que creo que es una ruta bastante básica. Hackear con el código de inicio rápido y otros fragmentos del sitio web https://angular.io ha dado como …

277 angular 

¿Cómo puedo agregar condicionalmente un atributo de elemento, por ejemplo, el checkedde una casilla de verificación? Las versiones anteriores de Angular tenían NgAttry creo NgCheckedque todas parecen proporcionar la funcionalidad que busco. Sin embargo, estos atributos no parecen existir en Angular 2 y no veo otra forma de proporcionar esta …

276 javascript  angular 

Estoy usando Angular 2+ y Angular CLI. ¿Cómo agrego font-awesome a mi proyecto?

269 angular  webpack  angular-cli 

En una de las plantillas de mis rutas de Angular 2 ( FirstComponent ) tengo un botón first.component.html <div class="button" click="routeWithData()">Pass data and route</div> Mi objetivo es lograr: Haga clic en el botón -> diríjase a otro componente mientras conserva los datos y sin usar el otro componente como directiva. …

268 angular  typescript 

Estoy creando una solicitud HTTP en Angular, pero no sé cómo agregarle argumentos de URL (cadena de consulta). this.http.get(StaticSettings.BASE_URL).subscribe( (response) => this.onGetForecastResult(response.json()), (error) => this.onGetForecastError(error.json()), () => this.onGetForecastComplete() ); Ahora mi StaticSettings.BASE_URL es algo así como una url sin cadena de consulta como: http://atsomeplace.com/ pero quiero que sea http://atsomeplace.com/?var1=val1&var2=val2 ¿Dónde …

266 http  angular  typescript 

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 

Me está costando mucho tratar de importar los módulos lodash. He configurado mi proyecto usando npm + gulp, y sigo golpeando la misma pared. He probado el lodash normal, pero también lodash-es. El paquete lodash npm: (tiene un archivo index.js en la carpeta raíz del paquete) import * as _ …

262 javascript  angular  typescript  lodash  es6-module-loader 

En Angular 1.x puede definir constantes como esta: angular.module('mainApp.config', []) .constant('API_ENDPOINT', 'http://127.0.0.1:6666/api/') ¿Cuál sería el equivalente en angular (con TypeScript)? Simplemente no quiero repetir la URL base API una y otra vez en todos mis servicios.

258 typescript  angular 

Estoy usando la datetubería para formatear mi fecha, pero simplemente no puedo obtener el formato exacto que quiero sin una solución. ¿Estoy entendiendo mal las tuberías o simplemente no es posible? //our root app component import {Component} from 'angular2/core' @Component({ selector: 'my-app', providers: [], template: ` <div> <h2>Hello {{name}}</h2> <h3>{{date …

257 date  angular  angular-pipe  date-pipe