Domande taggate «angular2-template»

Per domande che fanno riferimento alla sintassi del modello angolare, tra cui: interpolazione, associazioni di input (proprietà), associazioni di output (eventi), associazione a due vie, variabili locali, sintassi a stella, ecc. Questo tag è specifico per la versione angolare 2.xe successive

20
Binding HTML angolare
Sto scrivendo un'applicazione angolare e ho una risposta HTML che voglio visualizzare. Come lo faccio? Se uso semplicemente la sintassi di associazione {{myVal}}, codifica tutti i caratteri HTML (ovviamente). Ho bisogno in qualche modo di associare il valore innerHTMLdi diva al valore variabile.
2
Come posso scrivere gli attributi dei dati usando Angular?
Quando provo ad usare a data attributein my template, in questo modo: <ol class="viewer-nav"> <li *ngFor="#section of sections" data-value="{{ section.value }}"> {{ section.text }} </li> </ol> Angular 2 si blocca con: ECCEZIONE: errori di analisi del modello: impossibile eseguire il bind a "sectionvalue" poiché non è una proprietà nativa nota …
5
Come aggiungere "class" all'elemento host?
Non so come aggiungere al mio componente <component></component>un attributo di classe dinamica ma all'interno del modello html (component.html). L'unica soluzione che ho trovato è quella di modificare l'elemento tramite l'elemento nativo "ElementRef". Questa soluzione sembra un po 'complicata per fare qualcosa che dovrebbe essere molto semplice. Un altro problema è …
14
Angolare 2: impossibile associare 'ngModel' poiché non è una proprietà nota di 'input'
Sto cercando di implementare Dynamic Forms in Angular 2. Ho aggiunto funzionalità aggiuntive come Elimina e Annulla ai moduli dinamici. Ho seguito questa documentazione: https://angular.io/docs/ts/latest/cookbook/dynamic-form.html Ho apportato alcune modifiche al codice. Sto ricevendo un errore qui. Come faccio a eliminare questo errore? È possibile trovare il codice completo qui: http://plnkr.co/edit/SL949g1hQQrnRUr1XXqt?p=preview …
2
Che cos'è let- * nei modelli Angular 2?
Mi sono imbattuto in una strana sintassi del compito all'interno di un modello Angular 2. <template let-col let-car="rowData" pTemplate="body"> <span [style.color]="car[col.field]">{{car[col.field]}}</span> </template> Sembra che let-cole let-car="rowData"creare due nuove variabili cole carche possono quindi essere associati all'interno del modello. Fonte: https://www.primefaces.org/primeng/#/datatable/templating Come si let-*chiama questa sintassi magica ? Come funziona? Qual …
4
<ng-container> vs <template>
ng-container è menzionato nella documentazione di Angular 2 ma non vi è alcuna spiegazione su come funzioni e quali siano i casi d'uso. È particolarmente menzionato ngPlurale ngSwitchdirettive. Fa &lt;ng-container&gt;la stessa cosa &lt;template&gt;o dipende dal fatto che una direttiva sia stata scritta per usarne una? Siamo &lt;ng-container *ngPluralCase="'=0'"&gt;there is nothing&lt;/ng-container&gt; …
7
Angolare2: le variabili private dovrebbero essere accessibili nel modello?
Se una variabile viene dichiarata privatesu una classe di componente, dovrei essere in grado di accedervi dal modello di quel componente? @Component({ selector: 'my-app', template: ` &lt;div&gt; &lt;h2&gt;{{title}}&lt;/h2&gt; &lt;h2&gt;Hello {{userName}}&lt;/h2&gt; // I am getting this name &lt;/div&gt; `, }) export class App { public title = 'Angular 2'; private userName …
4
Passa le enumerazioni nei modelli di vista angolare2
Possiamo usare le enumerazioni in un modello di vista angolare2? &lt;div class="Dropdown" dropdownType="instrument"&gt;&lt;/div&gt; passa la stringa come input: enum DropdownType { instrument, account, currency } @Component({ selector: '[.Dropdown]', }) export class Dropdown { @Input() public set dropdownType(value: any) { console.log(value); }; } Ma come passare una configurazione enum? Voglio qualcosa …
9
NgFor non aggiorna i dati con Pipe in Angular2
In questo scenario, sto visualizzando un elenco di studenti (array) nella vista con ngFor: &lt;li *ngFor="#student of students"&gt;{{student.name}}&lt;/li&gt; È meraviglioso che si aggiorni ogni volta che aggiungo un altro studente all'elenco. Tuttavia, quando do un pipea filteraccanto al nome dello studente, &lt;li *ngFor="#student of students | sortByName:queryElem.value "&gt;{{student.name}}&lt;/li&gt; Non aggiorna …
10
Pulsante di disabilitazione Angular2
So che in angular2 posso disabilitare un pulsante con l' [disable]attributo, ad esempio: &lt;button [disabled]="!isValid" (click)="onConfirm()"&gt;Confirm&lt;/button&gt; ma posso farlo usando [ngClass]o [ngStyle]? Così: &lt;button [ngStyle]="{disabled : !isValid}" (click)="onConfirm()"&gt;Confirm&lt;/button&gt; Grazie.
8
Come controllare la lunghezza di un array osservabile
Nel mio componente Angular 2 ho un array Observable list$: Observable&lt;any[]&gt;; Nel mio modello ho &lt;div *ngIf="list$.length==0"&gt;No records found.&lt;/div&gt; &lt;div *ngIf="list$.length&gt;0"&gt; &lt;ul&gt; &lt;li *ngFor="let item of list$ | async"&gt;item.name&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; Ma list $ .length non funziona in caso di array Observable. Aggiornare: Sembra che (list $ | async) ?. …
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.