Question

我正在网格中显示一组记录（来自数据库），并且其中两列是外键。

示例记录具有项目，数量，购买日期。记录中的项目是项目ID，是外键。

我从Item Master（ID和Name）获取项目，并为Item列创建动态下拉列表。我能够创建下面的代码段中所示的下拉列表，但它们不会基于记录中的ID显示项目。不知道我该怎么做。

     <select [(ngModel)]=item name='item' id="item">
          <option *ngFor="let itm of items" [value]=itm.Id>{{itm.name}}</option>
     </select>

Answer 1

您需要将变量包含在“”中以获取其值。

<select [(ngModel)]="item" name='item' id="item">
      <option *ngFor="let itm of items" [value]="itm.Id">{{itm.name}}</option>
 </select>

Answer 2

使用以下方法尝试

在HTML中：

<select [compareWith]="compareFn"  [(ngModel)]="item" name="item" id="item">
    <option *ngFor="let itm of items" [ngValue]="itm">
        {{itm.name}}
    </option>
</select>

在组件中：

compareFn(item1, item2): boolean {
    return item1 && item2 ? item1.Id === item2.Id : item1 === item2;
}

SAMPLE WORKING DEMO

查找更多详细信息here

希望这对您有帮助！

Angular-创建下拉列表并选择要选择的默认值

2 个答案: