Preguntas etiquetadas con angular

¿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';

95 typescript  ecmascript-6  angular  angular2-services 

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 eval (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:13231:35) at Array.forEach (native) at CompileMetadataResolver.getNgModuleMetadata (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:13215:48) at RuntimeCompiler._compileComponents (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:15845:51) at RuntimeCompiler._compileModuleAndComponents (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:15769:41) at RuntimeCompiler.compileModuleAsync (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:15746:25) at …

95 angular 

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?

95 angular  pipe  decimal 

¿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 ng-click="myFunc()"></button> //controlador app.controller('myCtrl', ['$scope', function($cope) { $scope.myFunc= { console.log("function …

95 javascript  angular  typescript 

Estoy tratando de construir un componente personalizado usando múltiples ng-contenten Angular 6, pero esto no funciona y no tengo idea de por qué. Este es mi código de componente: <div class="header-css-class"> <ng-content select="#header"></ng-content> </div> <div class="body-css-class"> <ng-content select="#body"></ng-content> </div> Estoy tratando de utilizar este componente en otro lugar y hacer …

95 angular  angular6  angular-components  ng-content 

Estoy trabajando en un proyecto angular simple en el que estoy tratando de importar Material Design a mi proyecto, pero algunos de los componentes no funcionan correctamente y una advertencia de la consola dice: No se pudo encontrar HammerJS. Es posible que algunos componentes de Angular Material no funcionen correctamente. …

94 javascript  angular  material-design  hammer.js 

Estoy usando Angular 5 y he creado un servicio usando el angular-cli Lo que quiero hacer es crear un servicio que lea un archivo json local para Angular 5. Esto es lo que tengo ... estoy un poco estancado ... import { Injectable } from '@angular/core'; import { HttpClientModule } …

94 javascript  json  angular 

Tengo un componente que llama a un servicio para obtener datos de un punto final RESTful. Este servicio debe recibir una función de devolución de llamada para que se ejecute después de obtener dichos datos. El problema es que cuando intento usar la función de devolución de llamada para agregar …

94 javascript  arrays  typescript  angular 

Tengo un AuthGuard (utilizado para enrutamiento) que implementa CanActivate . canActivate() { return this.loginService.isLoggedIn(); } Mi problema es que el resultado de CanActivate depende de un http-get-result; el LoginService devuelve un Observable . isLoggedIn():Observable<boolean> { return this.http.get(ApiResources.LOGON).map(response => response.ok); } ¿Cómo puedo unirlos? ¿Hacer que CanActivate dependa de un estado …

94 angular  angular2-routing  angular2-http 

Necesita ayuda para comprender el significado de {read: ViewContainerRef} en la siguiente declaración. @ViewChild('myname', {read: ViewContainerRef}) target;

94 angular 

let httpParams = new HttpParams().set('aaa', '111'); httpParams.set('bbb', '222'); ¿Por qué esto no funciona? Solo establece el 'aaa' y NO el 'bbb' Además, tengo un objeto {aaa: 111, bbb: 222} ¿Cómo puedo establecer todos los valores sin bucles? ACTUALIZAR (esto parece funcionar, pero ¿cómo se puede evitar el bucle?) let httpParams …

94 angular  angular-http 

Estoy tratando de diseñar un elemento colocado por la salida del enrutador en angular y quiero asegurarme de que el elemento generado tenga un ancho del 100% De la mayoría de las respuestas, veo que debería usar el ::ng-deepselector, pero de los documentos de Angular está obsoleto. ¿Existe una alternativa …

94 html  css  angular 

¿Cómo puedo crear un componente personalizado que funcione como una <input>etiqueta nativa ? Quiero que mi control de formulario personalizado sea compatible con ngControl, ngForm, [(ngModel)]. Según tengo entendido, necesito implementar algunas interfaces para que mi propio control de formulario funcione como el nativo. Además, parece que la directiva ngForm …

93 typescript  angular 

Estoy tratando de entender cómo usar Observables en Angular 2. Tengo este servicio: import {Injectable, EventEmitter, ViewChild} from '@angular/core'; import {Observable} from "rxjs/Observable"; import {Subject} from "rxjs/Subject"; import {BehaviorSubject} from "rxjs/Rx"; import {Availabilities} from './availabilities-interface' @Injectable() export class AppointmentChoiceStore { public _appointmentChoices: BehaviorSubject<Availabilities> = new BehaviorSubject<Availabilities>({"availabilities": [''], "length": 0}) constructor() …

93 typescript  angular  rxjs  observable 

Estoy probando un componente que se usa para editar un objeto. El objeto tiene una característica única idque se usa para tomar el objeto específico de una matriz de objetos que están alojados en un servicio. El específico idse obtiene a través de un parámetro que se pasa a través …

93 unit-testing  angular  angular2-routing  angular2-testing