タグ付けされた質問 「angular-ng-if」

15
* ngIfと* ngForが同じ要素でエラーを引き起こす
私は角度のを使用しようとすると問題を抱えている*ngForし、*ngIf同じ要素に。 のコレクションをループしようとする*ngForと、コレクションはと見nullなされ、その結果、テンプレートのプロパティにアクセスしようとすると失敗します。 @Component({ selector: 'shell', template: ` <h3>Shell</h3><button (click)="toggle()">Toggle!</button> <div *ngIf="show" *ngFor="let thing of stuff"> {{log(thing)}} <span>{{thing.name}}</span> </div> ` }) export class ShellComponent implements OnInit { public stuff:any[] = []; public show:boolean = false; constructor() {} ngOnInit() { this.stuff = [ { name: 'abc', id: 1 }, { name: 'huo', …

8
* ngIf else ifテンプレート内
*ngIfステートメントで複数のケースをどのように持つのですか?私は持ってVueのか、角度1に慣れてif、else ifとelse、それだけで持っている角度4のように思えるtrue(if)とfalse(else)の条件を。 ドキュメントによると、私はできるだけです: <ng-container *ngIf="foo === 1; then first else second"></ng-container> <ng-template #first>First</ng-template> <ng-template #second>Second</ng-template> <ng-template #third>Third</ng-template> しかし、私は複数の条件(何かのようなもの)を持ちたいです: <ng-container *ngIf="foo === 1; then first; foo === 2; then second else third"></ng-container> <ng-template #first>First</ng-template> <ng-template #second>Second</ng-template> <ng-template #third>Third</ng-template> しかしngSwitch、結局ハックのように感じるを使用する必要があります。 <ng-container [ngSwitch]="true"> <div *ngSwitchCase="foo === 1">First</div> <div *ngSwitchCase="bar === 2">Second</div> <div *ngSwitchDefault>Third</div> …

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.