Preguntas etiquetadas con angular2-template

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 variable.

841 angular  angular2-template  angular2-databinding 

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 …

296 angular  typescript  angular2-routing  angular2-template  angular2-directives 

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 mal?

247 angular  angular2-template 

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 vincular a 'sectionvalue' ya que no es una propiedad nativa conocida (" …

229 angular  angular2-template 

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 hacer algo que debería ser muy simple. Otro …

190 angular  angular2-template 

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. Recibo un error aquí. ¿Cómo hago para que este error desaparezca? Puede encontrar el código completo aquí: …

178 forms  angular  angular2-template  angular2-forms 

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 coly carque luego se pueden vincular dentro de la plantilla. Fuente: https://www.primefaces.org/primeng/#/datatable/templating ¿Cómo se llama esta let-*sintaxis mágica ? ¿Como funciona? ¿Cuál es la …

155 angular  angular2-template  primeng 

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 usar uno de ellos? Son <ng-container *ngPluralCase="'=0'">there is …

150 angular  typescript  angular2-template 

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 </div> `, }) export class App { public title = 'Angular 2'; private userName …

143 typescript  angular  angular2-template 

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 file.component.html: <tbody> <tr *ngFor="let item …

129 angular  angular2-template 

¿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 longitud?

126 angular  angular2-template 

¿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() public set dropdownType(value: any) { console.log(value); }; } Pero, ¿cómo pasar una configuración de enumeración? Quiero algo …

122 enums  angular  angular2-template 

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 nombre del estudiante, <li *ngFor="#student of students …

114 angular  angular2-template  angular2-directives  angular-pipe 

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}" (click)="onConfirm()">Confirm</button> Gracias.

113 html  angular  angular2-template  angular2-forms 

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> </ul> </div> Pero list $ .length no funciona en el caso de una matriz observable. Actualizar: Parece que (list $ | …

109 angular  observable  angular2-template  angular2-services