Questions marquées «angular2-template»

Pour les questions faisant référence à la syntaxe du modèle angulaire, y compris: interpolation, liaisons d'entrée (propriété), liaisons de sortie (événement), liaison bidirectionnelle, variables locales, syntaxe en étoile, etc. Cette balise est spécifique à la version angular 2.x et supérieure

20
Liaison HTML angulaire
J'écris une application angulaire et j'ai une réponse HTML que je veux afficher. Comment je fais ça? Si j'utilise simplement la syntaxe de liaison, {{myVal}}elle code tous les caractères HTML (bien sûr). J'ai besoin de lier innerHTMLd'une manière ou d'une autre divla valeur de la variable.
2
Comment puis-je écrire des attributs de données en utilisant Angular?
Lorsque j'essaie d'utiliser un data attributedans mon template, comme ceci: <ol class="viewer-nav"> <li *ngFor="#section of sections" data-value="{{ section.value }}"> {{ section.text }} </li> </ol> Angular 2 se bloque avec: EXCEPTION: erreurs d'analyse de modèle: impossible de se lier à "valeur de section" car il ne s'agit pas d'une propriété native …
5
Comment ajouter une «classe» à l'élément hôte?
Je ne sais pas comment ajouter à mon composant <component></component>un attribut de classe dynamique mais à l'intérieur du template html (component.html). La seule solution que j'ai trouvée est de modifier l'élément via l'élément natif "ElementRef". Cette solution semble un peu compliquée pour faire quelque chose qui devrait être très simple. …
14
Angular 2: Impossible de se lier à 'ngModel' car ce n'est pas une propriété connue de 'input'
J'essaye d'implémenter des formulaires dynamiques dans Angular 2. J'ai ajouté des fonctionnalités supplémentaires comme Supprimer et Annuler aux formulaires dynamiques. J'ai suivi cette documentation: https://angular.io/docs/ts/latest/cookbook/dynamic-form.html J'ai apporté quelques modifications au code. Je reçois une erreur ici. Comment faire disparaître cette erreur? Vous pouvez trouver le code complet ici: http://plnkr.co/edit/SL949g1hQQrnRUr1XXqt?p=preview , …
2
Qu'est-ce que let- * dans les modèles Angular 2?
Je suis tombé sur une étrange syntaxe d'affectation dans un modèle Angular 2. <template let-col let-car="rowData" pTemplate="body"> <span [style.color]="car[col.field]">{{car[col.field]}}</span> </template> Il apparaît que let-colet let-car="rowData"créer deux nouvelles variables colet carqui peuvent ensuite être liées à l'intérieur du modèle. Source: https://www.primefaces.org/primeng/#/datatable/templating Comment s'appelle cette let-*syntaxe magique ? Comment ça marche? Quelle …
4
<ng-container> vs <template>
ng-container est mentionné dans la documentation Angular 2 mais il n'y a aucune explication sur son fonctionnement et quels sont les cas d'utilisation. Il est notamment mentionné dans les directives ngPluralet ngSwitch. Est- &lt;ng-container&gt;ce que cela fait la même chose que &lt;template&gt;, ou cela dépend si une directive a été …
7
Angular2 - les variables privées doivent-elles être accessibles dans le modèle?
Si une variable est déclarée privatesur une classe de composant, dois-je pouvoir y accéder dans le modèle de ce composant? @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
Passer les énumérations dans les modèles de vue angular2
Pouvons-nous utiliser des énumérations dans un modèle de vue angular2? &lt;div class="Dropdown" dropdownType="instrument"&gt;&lt;/div&gt; passe la chaîne en entrée: enum DropdownType { instrument, account, currency } @Component({ selector: '[.Dropdown]', }) export class Dropdown { @Input() public set dropdownType(value: any) { console.log(value); }; } Mais comment passer une configuration enum? Je veux …
9
NgFor ne met pas à jour les données avec Pipe dans Angular2
Dans ce scénario, j'affiche une liste d'étudiants (tableau) dans la vue avec ngFor: &lt;li *ngFor="#student of students"&gt;{{student.name}}&lt;/li&gt; C'est merveilleux qu'il se mette à jour chaque fois que j'ajoute un autre étudiant à la liste. Cependant, lorsque je lui donne un pipeà filterpar le nom de l'élève, &lt;li *ngFor="#student of students …
10
Bouton de désactivation Angular2
Je sais que dans angular2 je peux désactiver un bouton avec l' [disable]attribut, par exemple: &lt;button [disabled]="!isValid" (click)="onConfirm()"&gt;Confirm&lt;/button&gt; mais puis-je le faire en utilisant [ngClass]ou [ngStyle]? Ainsi: &lt;button [ngStyle]="{disabled : !isValid}" (click)="onConfirm()"&gt;Confirm&lt;/button&gt; Merci.
8
Comment vérifier la longueur d'un tableau observable
Dans mon composant Angular 2, j'ai un tableau observable list$: Observable&lt;any[]&gt;; Dans mon modèle j'ai &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; Mais la liste $ .length ne fonctionne pas avec dans le cas d'un tableau Observable. Mettre à jour: Il …
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.