Para perguntas que fazem referência à sintaxe do modelo angular, incluindo: interpolação, associações de entrada (propriedade), associações de saída (evento), associação bidirecional, variáveis locais, sintaxe estrela, etc. Esta tag é específica para a versão angular 2.xe acima
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
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 segunda página tiver pouco conteúdo, parecerá que...
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
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...
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...
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...
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...
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...
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...
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
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
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...
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...
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}"
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>...
<div> <input #ipt type="text"/> </div> É possível acessar a variável de acesso do modelo da classe do componente? ou seja, posso acessá-lo aqui, class XComponent{ somefunction(){ //Can I access #ipt here?
No momento, estamos trabalhando em um novo projeto com atualizações regulares que está sendo usado diariamente por um de nossos clientes. Este projeto está sendo desenvolvido usando o angular 2 e estamos enfrentando problemas de cache, ou seja, nossos clientes não estão vendo as alterações mais...
Não consigo traduzir este código de Angualr 1 para Angular 2: ng-repeat="todo in todos | orderBy: 'completed'" Isso é o que fiz seguindo a resposta de Thierry Templier: Modelo de componente: *ngFor="#todo of todos | sort" Código do componente: @Component({ selector: 'my-app',...
Consultado em https://angular.io/docs/ts/latest/guide/displaying-data.html e empilhar Como verificar o objeto vazio no modelo angular 2 usando * ngIf ainda obtendo erro de sintaxe contexto próprio indefinido. Se eu remover a condição * ngIf, estou obtendo valores em teamMembers se inserir algum...
Gostaria de passar um valor de string para um componente no angular2, mas não funciona com a ligação padrão. Estou pensando em algo semelhante a isto: <component [inputField]="string"></component> Infelizmente, apenas expressões são permitidas no lado direito da atribuição....