Questions tagged «angular-ng-if»

我在与试图使用角度的问题*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', …

473 angular  ngfor  angular-ng-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，这感觉像是一种hack： <ng-container [ngSwitch]="true"> <div *ngSwitchCase="foo === 1">First</div> <div *ngSwitchCase="bar === 2">Second</div> <div *ngSwitchDefault>Third</div> …

100 angular  templates  angular-ng-if 

我正在尝试开始进行角度开发。在查阅了文档之后，一些问题仍然存在。我如何最好地写一个ng-if与多个参数对应的 if( a && b) 要么 if( a || b )

94 javascript  angularjs  angular-ng-if