Preguntas etiquetadas con angular

Parece que no puedo corregir este error. Tengo una barra de búsqueda y un ngFor. Estoy tratando de filtrar la matriz usando una tubería personalizada como esta: import { Pipe, PipeTransform } from '@angular/core'; import { User } from '../user/user'; @Pipe({ name: 'usersPipe', pure: false }) export class UsersPipe implements …

105 angular  angular2-forms  angular2-pipe 

En AppComponent, estoy usando el componente de navegación en el código HTML. La interfaz de usuario se ve bien. Sin errores al hacer ng saque. y no hay errores en la consola cuando miro la aplicación. Pero cuando ejecuté Karma para mi proyecto, hay un error: Failed: Template parse errors: …

105 javascript  node.js  angular  typescript  karma-jasmine 

Dada una lista de casillas de verificación vinculadas a lo mismo formControlName, ¿cómo puedo producir una matriz de valores de casilla de verificación vinculados al formControl, en lugar de simplementetrue / false? Ejemplo: <form [formGroup]="checkboxGroup"> <input type="checkbox" id="checkbox-1" value="value-1" formControlName="myValues" /> <input type="checkbox" id="checkbox-2" value="value-2" formControlName="myValues" /> <input type="checkbox" id="checkbox-3" …

104 javascript  angular  checkbox  angular2-forms 

Actualmente estamos trabajando en un nuevo proyecto con actualizaciones periódicas que uno de nuestros clientes utiliza a diario. Este proyecto se está desarrollando utilizando angular 2 y estamos enfrentando problemas de caché, es decir, nuestros clientes no están viendo los últimos cambios en sus máquinas. Principalmente, los archivos html / …

104 caching  angular  browser-cache  cache-control  angular2-template 

Estoy usando angular 5. Tengo un tablero en el que tengo pocas secciones con contenido pequeño y pocas secciones con contenido tan grande que me enfrento a un problema al cambiar el enrutador mientras voy a la parte superior. Cada vez que necesito desplazarme para ir al principio. ¿Alguien puede …

104 javascript  angular  typescript  scrolltop  angular-router 

Creo que tengo el concepto base, pero hay algunas oscuridades Entonces, en general, así es como uso un observable: observable.subscribe(x => { }) Si quiero filtrar datos, puedo usar esto: import { first, last, map, reduce, find, skipWhile } from 'rxjs/operators'; observable.pipe( map(x => {return x}), first() ).subscribe(x => { …

104 angular  rxjs  rxjs5 

Hoy, mientras trabajaba en una introducción básica de AngularJS, encontré un problema. Abrí PowerShell para comenzar con el proyecto. NPM funcionó. Pude instalar el Angular usando: npm install -g @angular/cli Cada vez que intentaba ejecutar ng, obtenía: the term 'ng' is not recognized as the name of a cmdlet

104 node.js  angular  powershell  npm  angular-cli 

en mi aplicación Angular tengo un componente: import { MakeService } from './../../services/make.service'; import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-vehicle-form', templateUrl: './vehicle-form.component.html', styleUrls: ['./vehicle-form.component.css'] }) export class VehicleFormComponent implements OnInit { makes: any[]; vehicle = {}; constructor(private makeService: MakeService) { } ngOnInit() { this.makeService.getMakes().subscribe(makes => { this.makes …

104 javascript  angular  typescript 

Soy nuevo en angular 5 y trato de iterar el mapa que contiene otro mapa en mecanografiado. Cómo iterar debajo de este tipo de mapa en angular a continuación es el código para el componente: import { Component, OnInit} from '@angular/core'; @Component({ selector: 'app-map', templateUrl: './map.component.html', styleUrls: ['./map.component.css'] }) export …

104 javascript  angular  typescript  angular-cli 

Estoy tratando de hacer una validación personalizada en Angular 5 pero me enfrento al siguiente error Expected validator to return Promise or Observable Solo quiero devolver un error al formulario si el valor no coincide con el requerido, aquí está mi código: Este es el componente donde esta mi forma …

104 javascript  angular  angular5  angular-forms  angular-validation 

Hay un tutorial de inicio rápido en angular.io que usa mecanografiado y systemjs. Ahora que tengo esa miniapp ejecutándose, ¿cómo haría para crear algo desplegable? No pude encontrar ninguna información al respecto. ¿Necesito herramientas adicionales, alguna configuración adicional en System.config? (Sé que podría usar webpack y crear un solo bundle.js, …

103 typescript  angular  systemjs 

Cuando uso mi tubería personalizada en una plantilla, es así: {{user|userName}} Y funciona bien. ¿Es posible usar una tubería en el código? Intento usarlo así: let name = `${user|userName}`; Pero se nota userName no está definido Mi forma alternativa es usar db.collection.findOne()manualmente en el código. ¿Pero hay alguna forma inteligente?

103 angular  angular-pipe 

¿Cómo utilizo *ngForpara repetir un elemento HTML varias veces? Por ejemplo: si tengo una variable miembro asignada a 20. ¿Cómo uso la directiva * ngFor para hacer que un div se repita 20 veces?

103 angular 

En una aplicación angular, tenemos un ngOnDestroy()gancho de ciclo de vida para un componente / directiva y usamos este gancho para cancelar la suscripción de los observables. Quiero claros / destructores observables que se crean en un @injectable()servicio. Vi algunas publicaciones que decían que también ngOnDestroy()se puede usar en un …

103 angular  rxjs  observable  angular-services 

Tengo un componente principal que va al servidor y busca un objeto: // parent component @Component({ selector : 'node-display', template : ` <router-outlet [node]="node"></router-outlet> ` }) export class NodeDisplayComponent implements OnInit { node: Node; ngOnInit(): void { this.nodeService.getNode(path) .subscribe( node => { this.node = node; }, err => { console.log(err); …

103 angular  dependency-injection  angular2-routing