La enumeración de Typecript parece una coincidencia natural con la directiva ngSwitch de Angular2. Pero cuando trato de usar una enumeración en la plantilla de mi componente, aparece "No se puede leer la propiedad 'xxx' de undefined en ...". ¿Cómo puedo usar valores de enumeración en mi plantilla...
ng serve sirve un proyecto angular a través de un servidor de desarrollo npm startejecuta un comando arbitrario especificado en la propiedad "start" del paquete de su objeto "scripts". Si no se especifica ninguna propiedad "inicio" en el objeto "scripts", ejecutará el nodo...
He estado leyendo sobre la nueva API de formularios de Angular2 y parece que hay dos enfoques en los formularios, uno es formularios basados en plantillas y otro son formularios reactivos o modelos. Me gustaría saber la diferencia práctica entre los dos, no la diferencia en la sintaxis...
Código mecanografiado: import { Injectable } from '@angular/core'; import { Observable } from 'rxjs/Observable'; import { of } from 'rxjs/observable/of'; import { Hero } from './hero'; import { HEROES } from './mock-heroes'; @Injectable({ providedIn: 'root' }) export class HeroService {...
Cuando construyo mi proyecto angular 7 con --prod, tengo una advertencia en los presupuestos. Tengo un proyecto angular 7, quiero construirlo, pero tengo una advertencia: WARNING in budgets, maximum exceeded for initial. Budget 2 MB was exceeded by 1.77 MB Estos son detalles en trozos: chunk...
Encontré una sintaxis de asignación extraña dentro de una plantilla Angular 2. <template let-col let-car="rowData" pTemplate="body"> <span [style.color]="car[col.field]">{{car[col.field]}}</span> </template> Parece que let-coly let-car="rowData"crea dos nuevas variables...
Tengo dos componentes de la siguiente manera y quiero llamar a una función desde otro componente. Ambos componentes se incluyen en el tercer componente principal mediante la directiva. Componente 1: @component( selector:'com1' ) export class com1{ function1(){...} } Componente...
Tengo este módulo que compone la biblioteca externa junto con lógica adicional sin agregar la <script>etiqueta directamente en el index.html: import 'http://external.com/path/file.js' //import '../js/file.js' @Component({ selector: 'my-app', template: ` <script
En Angular, podría tener una forma similar a esta: <ng-form> <label>First Name</label> <input type="text" ng-model="model.first_name"> <label>Last Name</label> <input type="text" ng-model="model.last_name"> </ng-form> Dentro del controlador...
He estado leyendo la referencia rápida de Angular 1 a 2 en el sitio web de Angular , y una cosa que no entendí completamente fue la diferencia entre estos caracteres especiales. Por ejemplo, uno que usa asteriscos: <tr *ngFor="#movie of movies">
ng-container se menciona en la documentación de Angular 2, pero no hay una explicación de cómo funciona y cuáles son los casos de uso. Se menciona particularmente en ngPluraly ngSwitchdirectivas. ¿Hace <ng-container>lo mismo <template>o depende de si se escribió una directiva para...
Actualicé un proyecto Angular 4 usando angular-seed y ahora obtengo el error Encontramos la propiedad sintética @panelState. Incluya "BrowserAnimationsModule" o "NoopAnimationsModule" en su aplicación. ¿Cómo puedo arreglar esto? ¿Qué me dice exactamente el mensaje de...
He estado buscando una manera de pasar consulta parámetros en una llamada a la API con el nuevo HttpClientModule's HttpClient, y todavía tengo que encontrar una solución. Con el antiguo Httpmódulo escribirías algo como esto. getNamespaceLogs(logNamespace) { // Setup log namespace query...
Tengo un JSONarchivo que se parece a lo siguiente: { "primaryBright": "#2DC6FB", "primaryMain": "#05B4F0", "primaryDarker": "#04A1D7", "primaryDarkest": "#048FBE", "secondaryBright": "#4CD2C0", "secondaryMain": "#00BFA5", "secondaryDarker": "#009884", "secondaryDarkest": "#007F6E",...
Tengo un elemento personalizado: <div formControlName="surveyType"> <div *ngFor="let type of surveyTypes" (click)="onSelectType(type)" [class.selected]="type === selectedType"> <md-icon>{{ type.icon }}</md-icon> <span>{{ type.description }}</span>...
¿Cómo visualizo la versión de la aplicación en la aplicación angular? la versión debe tomarse del package.jsonarchivo { "name": "angular-app", "version": "0.0.1", ... } En angular 1.x, tengo este html: <p><%=version %></p> En angular, esto no se representa como número de...
Recientemente, comencé a jugar con angular 2. Hasta ahora es increíble. Entonces, comencé un proyecto personal de demostración para aprender a usar angular-cli. Con la configuración de enrutamiento básica, ahora quiero navegar a algunas rutas desde el encabezado, pero dado que mi encabezado es un...
Estoy tratando de probar mi componente angular 4.1.0 - export class CellComponent implements OnInit { lines: Observable<Array<ILine>>; @Input() dep: string; @Input() embedded: boolean; @Input() dashboard: boolean; constructor( public dataService: CellService, private route:...
Estoy usando angular2 para el desarrollo y me preguntaba si hay alguna alternativa para ng-disabledangular2. Por ej. El siguiente código está en angularJS: <button ng-disabled="!nextLibAvailable" ng-click="showNext('library')" class=" btn btn-info btn-xs" title="Next Lib >>...
Estoy haciendo el angular2tutorial en esta dirección: https://angular.io/docs/ts/latest/tutorial/toh-pt3.html He puesto la herointerfaz en un solo archivo debajo de la appcarpeta, en la consola tengo este error : app/app.component.ts(2,20): error TS2306: File 'app/hero.ts' is not a module. [0]...