Questions marquées «angular2-template»

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

Dans mon application Angular 2, lorsque je fais défiler une page et que je clique sur le lien en bas de la page, cela change l'itinéraire et m'amène à la page suivante, mais elle ne défile pas vers le haut de la page. Par conséquent, si la première page est longue et la 2e page a peu de contenu,...

J'essaie d'afficher une coche si une réponse est la réponse acceptée: template: `<div ngIf="answer.accepted">&#10004;</div>` Mais je reçois cette erreur: EXCEPTION: No provider for TemplateRef! (NgIf ->TemplateRef) Qu'est-ce que je fais

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

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

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

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

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- <ng-container>ce que cela fait la même chose que <template>,...

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: ` <div> <h2>{{title}}</h2> <h2>Hello {{userName}}</h2> // I am getting this name </div> `, })...

J'utilise la version finale d'Angular2 (2.1.0). Lorsque je veux afficher une liste d'entreprises, j'ai cette erreur. dans file.component.ts: public companies: any[] = [ { "id": 0, "name": "Available" }, { "id": 1, "name": "Ready" }, { "id": 2, "name": "Started" } ]; dans file.component.html:...

Existe-t-il un moyen de limiter la longueur de la chaîne à un nombre de caractères? par exemple: je dois limiter la longueur d'un titre à 20 {{ data.title }}. Y a-t-il un tuyau ou un filtre pour limiter la

Pouvons-nous utiliser des énumérations dans un modèle de vue angular2? <div class="Dropdown" dropdownType="instrument"></div> passe la chaîne en entrée: enum DropdownType { instrument, account, currency } @Component({ selector: '[.Dropdown]', }) export class Dropdown { @Input() public...

Dans ce scénario, j'affiche une liste d'étudiants (tableau) dans la vue avec ngFor: <li *ngFor="#student of students">{{student.name}}</li> 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...

Je sais que dans angular2 je peux désactiver un bouton avec l' [disable]attribut, par exemple: <button [disabled]="!isValid" (click)="onConfirm()">Confirm</button> mais puis-je le faire en utilisant [ngClass]ou [ngStyle]? Ainsi: <button [ngStyle]="{disabled : !isValid}"...

Dans mon composant Angular 2, j'ai un tableau observable list$: Observable<any[]>; Dans mon modèle j'ai <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> Est-il possible d'accéder à la variable d'accès au modèle à partir de la classe de composant? c'est-à-dire, puis-je y accéder ici, class XComponent{ somefunction(){ //Can I access #ipt here? }

Nous travaillons actuellement sur un nouveau projet avec des mises à jour régulières qui est utilisé quotidiennement par l'un de nos clients. Ce projet est développé en utilisant angular 2 et nous sommes confrontés à des problèmes de cache, c'est-à-dire que nos clients ne voient pas les derniers...

Je ne suis pas en mesure de traduire ce code d'Angualr 1 à Angular 2: ng-repeat="todo in todos | orderBy: 'completed'" Voici ce que j'ai fait suite à la réponse de Thierry Templier: Modèle de composant: *ngFor="#todo of todos | sort" Code composant: @Component({ selector: 'my-app', templateUrl:...

Référé à https://angular.io/docs/ts/latest/guide/displaying-data.html et de la pile Comment vérifier objet vide dans le modèle angulaire 2 en utilisant * ngIf encore obtenir l' auto contexte d'erreur de syntaxe non défini. Si je supprime la condition * ngIf, j'obtiens des valeurs dans teamMembers...