Preguntas etiquetadas con angular

¿Es posible enviar un formulario que no tiene el botón enviar (presionando enter) ejemplo: <form [ngFormModel]="xxx" (ngSubmit)="xxxx()"> <input [(ngModel)]="lxxR" ngControl="xxxxx"/> </form

100 forms  angular  submit 

Estoy luchando por encontrar una manera de hacer esto. En un componente principal, la plantilla describe a tabley su theadelemento, pero delega la representación tbodya otro componente, como este: <table> <thead> <tr> <th>Name</th> <th>Time</th> </tr> </thead> <tbody *ngFor="let entry of getEntries()"> <my-result [entry]="entry"></my-result> </tbody> </table> Cada componente myResult genera su …

100 javascript  angular 

¿Cuál es la diferencia entre canLoady canActivate? export interface Route { path?: string; pathMatch?: string; matcher?: UrlMatcher; component?: Type<any>; redirectTo?: string; outlet?: string; canActivate?: any[]; canActivateChild?: any[]; canDeactivate?: any[]; canLoad?: any[]; data?: Data; resolve?: ResolveData; children?: Routes; loadChildren?: LoadChildren; } ¿Cuándo debería cuál de ellos?

100 angular 

Supongamos que estoy en la página que tiene la URL /user/:id. Ahora desde esta página navego a la página siguiente :id/posts. Ahora, ¿hay alguna manera de que pueda verificar cuál es la URL anterior /user/:id? Abajo están mis rutas export const routes: Routes = [ { path: 'user/:id', component: UserProfileComponent …

100 angular  angular2-routing 

He seguido el Tutorial . Después de cambiar app/maint.tsen el capítulo Http, aparece el error al iniciar la aplicación a través de la línea de comando: app / main.ts (5,51): error TS2307: No se puede encontrar el módulo 'angular2-in-memory-web-api'. (Visual Studio Code me da el mismo error dentro de main.ts: …

99 angular  import  angular-tour-of-heroes 

Estoy experimentando con angular2 2.0.0-beta.0 Tengo una tabla y el contenido de la línea es generado por angular2 de esta manera: <table> <tr *ngFor="#line of data"> .... content .... </tr> </table> Ahora esto funciona y quiero encapsular el contenido en un componente "línea de tabla". <table> <table-line *ngFor="#line of data" …

99 angular 

Intentando escribir una tubería Angular 2 que tomará una cadena de objeto JSON y la devolverá impresa / formateada para mostrarla al usuario. Por ejemplo, tomaría esto: {"id": 1, "número": "K3483483344", "estado": "CA", "activo": verdadero} Y devuelve algo que se parece a esto cuando se muestra en HTML: Entonces, en …

99 javascript  json  filter  angular  pipe 

Cuando intento crear un nuevo proyecto con Angular CLI , con: ng n app Me sale este error: fs.js: 640 return binding.open (pathModule._makeLong (ruta), stringToFlags (banderas), modo); ^ TypeError: la ruta debe ser una cadena o búfer en TypeError (nativo) ¿Cómo puedo actualizar o desinstalar Angular CLI ?

99 angular  angular-cli 

Actualmente estoy trabajando en Angular y obtengo un buen soporte de Typecript con Sublime Text. ¿Cómo puedo obtener soporte de TypeScript con mi editor de Sublime Text? Intenté presionar Shift+ Ctrl+ Py luego escribí TypeScript, pero no obtuve ningún resultado de TypeScript. Pasé por el sitio web oficial de TypeScript …

99 angular  typescript  sublimetext3  sublimetext 

Estoy desarrollando un repositorio de github (con angular 7 y angular-cli), y tengo algunas pruebas con Karma y Jasmine trabajando en la rama maestra. Ahora estoy tratando de agregar la función de carga diferida, la cosa es que las pruebas que antes pasaron, ahora no lo hacen. Es gracioso porque …

98 javascript  angular  karma-runner  karma-jasmine  angular-cli 

¿Cuál es la diferencia entre EventEmitter.emit()y EventEmitter.next()? Ambos despachan el evento a los oyentes suscritos. export class MyService { @Output() someEvent$: EventEmitter<any> = new EventEmitter(); someFunc() { this.someEvent$.emit({myObj: true}); this.someEvent$.next({myObj: true}); } } La documentación del EventEmitter no es tan útil en este momento.

98 angular  angular2-services 

Quiero utilizar los colores de la marca de mi empresa en toda la aplicación. Encontré este problema: AngularJS 2 - Diseño de materiales - establecer la paleta de colores donde puedo crear un tema supuestamente personalizado , pero básicamente solo usa diferentes partes de paletas preconstruidas. No quiero usar los …

98 angular  sass  material-design  angular-material2 

No sé cómo extraer valor de Observable para que lo devuelva la función en la que Observable está presente. Necesito solo un valor de él para ser devuelto, nada más. Versión actual que funciona function getValueFromObservable() { this.store.subscribe( (data:any) => { console.log(data) } ) } getValueFromObservable() Necesito que esto funcione, …

98 typescript  angular  rxjs  rxjs5 

Tengo un proyecto mvc 5 con una interfaz angular. Quería agregar enrutamiento como se describe en este tutorial https://angular.io/guide/router . Entonces en mi _Layout.cshtmlagregué un <base href="/"> y creé mi enrutamiento en mi módulo de aplicación. Pero cuando ejecuto esto, aparece el siguiente error: Error: Template parse errors: 'router-outlet' is …

98 angular  typescript  asp.net-mvc-5  angular2-routing 

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> <h2>{{hero.name}} details!</h2> <div><label>id: </label>{{hero.id}}</div> <div><label>Name: </label> <input [(ngModel)]="hero.name" placeholder="Name"> </div> `, styleUrls: ['./app.component.css'] …

97 angular