PrimeNg p-dropdown模块不会扩展

Question

我在Primeng和Angular 4中遇到了p-dropdown模块的问题。

我已经用loop中的值填充了选项：

for(let i = 1; i <= 20; i++) {
            this.iterations = [... this.iterations, { label: i, value: i}]
        }

我试图在我的模板中使用它：

<p-dropdown [options]="iterations"></p-dropdown>

问题是下拉列表仅显示第一个值（在这种情况下＆＃39; 1＆＃39;）。当我检查＆＃39;迭代＆＃39;静态数组或设置迭代数组问题仍然存在。 我想我在模块中正确包含了模块。 DropdownModule是否依赖于任何其他模块？

import {DropdownModule} from 'primeng/primeng' 

//编辑 我发现它可以是模块html部分的东西。请看下面的图片

此致

Answer 1

您必须在组件中导入SelectItem

import {SelectItem} from 'primeng/primeng'

并且对象必须实现此接口

<p-dropdown [options]="iterations"></p-dropdown>

其中iterations是SelectItem

的数组

iterations: SelectItem[];

这是组件

iterations: SelectItem[];

selectedIteration: string;

ngOnInit() {
    this.iterations = [];
    for(let i = 1; i <= 20; i++) {
        this.iterations.push({ label: i.toString(), value: i.toString() });
    }
}