Para preguntas que hagan referencia a la sintaxis de plantilla angular, que incluye: interpolación, enlaces de entrada (propiedad), enlaces de salida (evento), enlace bidireccional, variables locales, sintaxis de estrella, etc. Esta etiqueta es específica de la versión angular 2.xy superior
Estoy escribiendo una aplicación angular y tengo una respuesta HTML que quiero mostrar. ¿Cómo puedo hacer eso? Si simplemente uso la sintaxis de enlace {{myVal}}, codifica todos los caracteres HTML (por supuesto). Necesito de alguna manera vincular el innerHTMLde diva al valor de la...
En mi aplicación Angular 2 cuando me desplazo hacia abajo en una página y hago clic en el enlace en la parte inferior de la página, cambia la ruta y me lleva a la página siguiente, pero no se desplaza hacia la parte superior de la página. Como resultado, si la primera página es larga y la segunda...
Estoy tratando de mostrar una marca de verificación si una respuesta es la respuesta aceptada: template: `<div ngIf="answer.accepted">✔</div>` Pero me sale este error: EXCEPTION: No provider for TemplateRef! (NgIf ->TemplateRef) ¿Qué estoy haciendo...
Cuando trato de usar un data attributeen mi template, así: <ol class="viewer-nav"> <li *ngFor="#section of sections" data-value="{{ section.value }}"> {{ section.text }} </li> </ol> Angular 2 se bloquea con: EXCEPCIÓN: Errores de análisis de plantilla: no se puede...
No sé cómo agregar a mi componente <component></component>un atributo de clase dinámica , pero dentro de la plantilla html (component.html). La única solución que encontré es modificar el elemento a través del elemento nativo "ElementRef". Esa solución parece un poco complicada para...
Estoy tratando de implementar formularios dinámicos en Angular 2. He agregado funcionalidades adicionales como Eliminar y Cancelar a los formularios dinámicos. He seguido esta documentación: https://angular.io/docs/ts/latest/cookbook/dynamic-form.html He realizado algunos cambios en el código....
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...
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...
Si se declara una variable privateen una clase de componente, ¿debería poder acceder a ella en la plantilla de ese componente? @Component({ selector: 'my-app', template: ` <div> <h2>{{title}}</h2> <h2>Hello {{userName}}</h2> // I am getting this name...
Estoy usando la versión final de Angular2 (2.1.0). Cuando quiero mostrar una lista de empresas, aparece este error. en file.component.ts: public companies: any[] = [ { "id": 0, "name": "Available" }, { "id": 1, "name": "Ready" }, { "id": 2, "name": "Started" } ]; en
¿Hay alguna forma de limitar la longitud de la cadena a un número de caracteres? por ejemplo: tengo que limitar la longitud de un título a 20 {{ data.title }}. ¿Hay alguna tubería o filtro para limitar la
¿Podemos usar enumeraciones en una plantilla de vista angular2? <div class="Dropdown" dropdownType="instrument"></div> pasa la cadena como entrada: enum DropdownType { instrument, account, currency } @Component({ selector: '[.Dropdown]', }) export class Dropdown { @Input()...
En este escenario, estoy mostrando una lista de estudiantes (matriz) en la vista con ngFor: <li *ngFor="#student of students">{{student.name}}</li> Es maravilloso que se actualice cada vez que agrego a otro estudiante a la lista. Sin embargo, cuando le doy una pipea filterpor el...
Sé que en angular2 puedo deshabilitar un botón con el [disable]atributo, por ejemplo: <button [disabled]="!isValid" (click)="onConfirm()">Confirm</button> pero ¿puedo hacerlo usando [ngClass]o [ngStyle]? Al igual que: <button [ngStyle]="{disabled : !isValid}"...
En mi componente Angular 2 tengo una matriz observable list$: Observable<any[]>; En mi plantilla tengo <div *ngIf="list$.length==0">No records found.</div> <div *ngIf="list$.length>0"> <ul> <li *ngFor="let item of list$ | async">item.name</li>...
<div> <input #ipt type="text"/> </div> ¿Es posible acceder a la variable de acceso a la plantilla desde la clase de componente? es decir, ¿puedo acceder a él aquí? class XComponent{ somefunction(){ //Can I access #ipt here?
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...
No puedo traducir este código de Angualr 1 a Angular 2: ng-repeat="todo in todos | orderBy: 'completed'" Esto es lo que hice siguiendo la respuesta de Thierry Templier: Plantilla de componente: *ngFor="#todo of todos | sort" Código de componente: @Component({ selector: 'my-app',...
Referido a https://angular.io/docs/ts/latest/guide/displaying-data.html y apilar Cómo verificar el objeto vacío en la plantilla angular 2 usando * ng Si aún se obtiene un error de sintaxis, el contexto personal no está definido. Si elimino la condición * ngIf, obtengo valores en teamMembers si...
Me gustaría pasar un valor de cadena a un componente en angular2, pero no funciona con el enlace predeterminado. Estoy pensando en algo similar a esto: <component [inputField]="string"></component> Desafortunadamente, solo se permiten expresiones en el lado derecho de la tarea....