Perguntas com a marcação «angular2-template»

Estou escrevendo um aplicativo Angular e tenho uma resposta HTML que quero exibir. Como faço isso? Se eu simplesmente usar a sintaxe de ligação, {{myVal}}ele codifica todos os caracteres HTML (é claro). Eu preciso de alguma forma vincular o innerHTMLde diva ao valor da variável.

840 angular  angular2-template  angular2-databinding 

No meu aplicativo Angular 2, quando deslizo para baixo em uma página e clico no link na parte inferior da página, ele muda a rota e me leva para a próxima página, mas não rola para o topo da página. Como resultado, se a primeira página for longa e a …

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

Estou tentando mostrar uma marca de seleção se uma resposta for a resposta aceita: template: `<div ngIf="answer.accepted">✔</div>` Mas eu recebo este erro: EXCEPTION: No provider for TemplateRef! (NgIf ->TemplateRef) O que estou fazendo de errado?

247 angular  angular2-template 

Quando tento usar um data attributeno meu template, assim: <ol class="viewer-nav"> <li *ngFor="#section of sections" data-value="{{ section.value }}"> {{ section.text }} </li> </ol> Angular 2 trava com: EXCEÇÃO: Erros de análise de modelo: não é possível vincular a 'sectionvalue', pois não é uma propriedade nativa conhecida (" ] data-sectionvalue = …

229 angular  angular2-template 

Não sei como adicionar ao meu componente <component></component>um atributo de classe dinâmica, mas dentro do modelo html (component.html). A única solução que encontrei é modificar o item via elemento nativo "ElementRef". Essa solução parece um pouco complicada para fazer algo que deve ser muito simples. Outro problema é que o …

190 angular  angular2-template 

Estou tentando implementar formulários dinâmicos no Angular 2. Adicionei funcionalidades adicionais, como Excluir e Cancelar, aos formulários dinâmicos. Segui esta documentação: https://angular.io/docs/ts/latest/cookbook/dynamic-form.html Fiz algumas alterações no código. Estou recebendo erro aqui. Como faço para que esse erro ocorra? Você pode encontrar o código completo aqui: http://plnkr.co/edit/SL949g1hQQrnRUr1XXqt?p=preview , que está funcionando …

178 forms  angular  angular2-template  angular2-forms 

Me deparei com uma sintaxe de atribuição estranha dentro de um modelo Angular 2. <template let-col let-car="rowData" pTemplate="body"> <span [style.color]="car[col.field]">{{car[col.field]}}</span> </template> Parece que let-cole let-car="rowData"crie duas novas variáveis cole carque poderão ser vinculadas ao interior do modelo. Fonte: https://www.primefaces.org/primeng/#/datatable/templating Como é let-*chamada essa sintaxe mágica ? Como funciona? Qual é …

155 angular  angular2-template  primeng 

ng-container é mencionado na documentação do Angular 2, mas não há explicação sobre como ele funciona e quais são os casos de uso. É particularmente mencionado em ngPlurale ngSwitchdirectivas. Faz <ng-container>a mesma coisa que <template>, ou depende se uma diretiva foi escrita para usar uma delas? Estão <ng-container *ngPluralCase="'=0'">there is …

150 angular  typescript  angular2-template 

Se uma variável for declarada privateem uma classe de componente, devo acessá-la no modelo desse 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 = "Test Name"; //declared as …

143 typescript  angular  angular2-template 

Estou usando a versão final do Angular2 (2.1.0). Quando quero exibir uma lista de empresas, recebi esse erro. em file.component.ts: public companies: any[] = [ { "id": 0, "name": "Available" }, { "id": 1, "name": "Ready" }, { "id": 2, "name": "Started" } ]; em file.component.html: <tbody> <tr *ngFor="let item …

128 angular  angular2-template 

Existe uma maneira de limitar o comprimento da string a um número de caracteres? por exemplo: eu tenho que limitar o tamanho do título a 20 {{ data.title }}. Existe algum tubo ou filtro para limitar o comprimento?

126 angular  angular2-template 

Podemos usar enums em um modelo de visualização angular2? <div class="Dropdown" dropdownType="instrument"></div> passa a string como entrada: enum DropdownType { instrument, account, currency } @Component({ selector: '[.Dropdown]', }) export class Dropdown { @Input() public set dropdownType(value: any) { console.log(value); }; } Mas como passar uma configuração de enum? Eu quero …

123 enums  angular  angular2-template 

Nesse cenário, estou exibindo uma lista de alunos (matriz) para a visualização com ngFor: <li *ngFor="#student of students">{{student.name}}</li> É maravilhoso que ele seja atualizado sempre que adiciono outro aluno à lista. No entanto, quando atribuo pipea filterpelo nome do aluno, <li *ngFor="#student of students | sortByName:queryElem.value ">{{student.name}}</li> Ele não atualiza …

113 angular  angular2-template  angular2-directives  angular-pipe 

Eu sei que no angular2 posso desabilitar um botão com o [disable]atributo, por exemplo: <button [disabled]="!isValid" (click)="onConfirm()">Confirm</button> mas posso fazer isso usando [ngClass]ou [ngStyle]? Igual a: <button [ngStyle]="{disabled : !isValid}" (click)="onConfirm()">Confirm</button> Obrigado.

113 html  angular  angular2-template  angular2-forms 

No meu componente Angular 2, tenho uma matriz observável list$: Observable<any[]>; No meu modelo eu tenho <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> Mas list $ .length não funciona no caso de array Observable. Atualizar: Parece que (list $ | async) …

108 angular  observable  angular2-template  angular2-services