Preguntas etiquetadas con angular

Tengo un componente principal ( CategoryComponent ), un componente secundario ( videoListComponent ) y un ApiService. Tengo la mayor parte de esto funcionando bien, es decir, cada componente puede acceder a la API json y obtener sus datos relevantes a través de observables. Actualmente, el componente de la lista de …

471 angular  angular2-changedetection 

Después de actualizar a Angular 6.0.1, aparece el siguiente error en ng serve: Could not find module "@angular-devkit/build-angular" from "/home/Projects/myProjectName". Error: Could not find module "@angular-devkit/build-angular" from "/home/Projects/myProjectName". at Object.resolve (/home/Projects/myProjectName/node_modules/@angular-devkit/core/node/resolve.js:141:11) at Observable.rxjs_1.Observable [as _subscribe] (/home/Projects/myProjectName/node_modules/@angular-devkit/architect/src/architect.js:132:40) ng updatedice que todo está en orden. Eliminar la node_modulescarpeta y una nueva npm …

451 angular  angular-cli  angular6  angular-cli-v6 

¿Cuál es la diferencia entre @Componenty @Directiveen Angular? Ambos parecen hacer la misma tarea y tienen los mismos atributos. ¿Cuáles son los casos de uso y cuándo preferir uno sobre otro?

443 angular 

He creado una aplicación básica en Angular 2, pero he encontrado un problema extraño en el que no puedo inyectar un servicio en uno de mis componentes. Sin embargo, se inyecta bien en cualquiera de los otros tres componentes que he creado. Para empezar, este es el servicio: import { …

431 angular  angular2-di 

Estoy buscando detectar un cambio de ruta en mi AppComponent. Posteriormente, comprobaré el token de usuario global para ver si ha iniciado sesión. Luego, puedo redirigir al usuario si no ha iniciado sesión.

428 angular 

Estoy un poco confundido acerca de cómo obtener el keyy valuede un objeto en angular2 mientras lo uso *ngForpara iterar sobre el objeto. Sé que en angular 1.x hay una sintaxis como ng-repeat="(key, value) in demo" pero no sé cómo hacer lo mismo en angular2. He intentado algo similar, sin …

426 angular  typescript  object 

Me gustaría vincular un elemento select a una lista de objetos, lo cual es bastante fácil: @Component({ selector: 'myApp', template: `<h1>My Application</h1> <select [(ngModel)]="selectedValue"> <option *ngFor="#c of countries" value="c.id">{{c.name}}</option> </select>` }) export class AppComponent{ countries = [ {id: 1, name: "United States"}, {id: 2, name: "Australia"} {id: 3, name: "Canada"}, …

409 html  angular 

Estoy tratando de entender Angular (a veces llamado Angular2 +), luego me encontré con @Module: Importaciones Declaraciones Proveedores Siguiente inicio rápido angular

388 angular  angular-module 

Estoy escribiendo un componente angular que tiene una propiedad Mode(): string . Me gustaría poder establecer esta propiedad mediante programación no en respuesta a ningún evento. El problema es que, en ausencia de un evento del navegador, {{Mode}}no se actualiza un enlace de plantilla . ¿Hay alguna manera de activar …

387 angular  angular2-changedetection 

Estoy usando Angular 2 (TypeScript). Quiero hacer algo con la nueva selección, pero lo que obtengo onChange()es siempre la última selección. ¿Cómo puedo obtener la nueva selección? <select [(ngModel)]="selectedDevice" (change)="onChange($event)"> <option *ngFor="#i of devices">{{i}}</option> </select> onChange($event) { console.log(this.selectedDevice); // I want to do something here with the new selectedDevice, but …

372 angular  typescript 

¿Hay alguna forma inteligente de volver a la última página en Angular 2? Algo como this._router.navigate(LASTPAGE); Por ejemplo, la página C tiene un Go Backbotón, Página A -> Página C, haga clic en ella, regrese a la página A. Página B -> Página C, haga clic en ella, vuelva a …

370 angular  angular2-routing 

Después de actualizar de angular 4.4 a 5.0 y después de actualizar todos los HttpModule y Http a HttpClientModule, comencé a recibir este error. También agregué HttpModule nuevamente para asegurarme de que no se deba a alguna dependencia pero que no resuelva el problema En app.module, he configurado todo correctamente …

364 angular 

¿Qué estoy haciendo mal? import {bootstrap, Component} from 'angular2/angular2' @Component({ selector: 'conf-talks', template: `<div *ngFor="let talk in 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], …

356 angular  angular2-directives 

Estoy tratando de usar el componente de autocompletar material angular en mi proyecto Angular 2. Agregué lo siguiente a mi plantilla. <md-input-container> <input mdInput placeholder="Category" [mdAutocomplete]="auto" [formControl]="stateCtrl"> </md-input-container> <md-autocomplete #auto="mdAutocomplete"> <md-option *ngFor="let state of filteredStates | async" [value]="state"> {{ state }} </md-option> </md-autocomplete> El siguiente es mi componente. import {Component, …

355 angular  typescript  angular-material2  angular-forms 

¿Cuál es el mejor método para agrupar Angular (versión 2, 4, 6, ...) para la producción en un servidor web en vivo? Incluya la versión angular en las respuestas para que podamos realizar un mejor seguimiento cuando se mueva a versiones posteriores.

353 angular  webpack  systemjs  angular-cli