根据 ngFor 中的键访问特定数组

Question

<button *ngFor="let item of items[category]"> </button>

其中 items: { cat1: [], cat2: [] }。我需要类别是一个字符串变量来访问项目中的两个数组。我该如何解决这个问题？

Answer 1

试试这个：

//our root app component
import {Component, NgModule, VERSION} from '@angular/core'
import {BrowserModule} from '@angular/platform-browser'

@Component({
  selector: 'my-app',
  template: `
    <div>
         <button *ngFor="let item of items[category]" > {{item}}</button>
    </div>
  `,
})
export class App {
  items: any =  { cat1: ['cat1','cat2'], cat2: ['peter','peter2'] };
  category = 'cat1';
  constructor() {
  }
}

@NgModule({
  imports: [ BrowserModule ],
  declarations: [ App ],
  bootstrap: [ App ]
})
export class AppModule {}

plunkr 工作：

https://plnkr.co/edit/w1YJeZPAMwN5WP3uVhZ7

根据 ngFor 中的键访问特定数组

Accessing specific array based on key in ngFor

ngfor

angular