Question

    <select id="mySelect" [(ngModel)]="selectedItem" (ngModelChange)="onChange($event)" name="options"  class="select-project"  >            
      <optgroup label="Recent Tasks"  >
        <option *ngFor="let item of 1stList"  [ngValue]="item" ">{{item.title}}</option>
        </optgroup>
      <optgroup label="All Tasks" >
        <option *ngFor="let item of 2ndList" [ngValue]="item" >{{item.title}}</option>
      </optgroup>

上面是我的select html元素的代码。我的项目有标题，ID，年份，价格，所需的结果是显示来自对象的数据： Id-title-price ，每个属性之间有短划线，问题是我只实现了只显示一个属性，而不是一次显示3个属性。当用户选择所需的选项时，我需要获取对象的全部信息。

Answer 1

除非我遗漏了某些内容，否则您只需要在标记中添加所需的属性。

<option *ngFor="let item of 1stList"  [ngValue]="item">
    {{item.Id}}-{{item.title}}-{{item.price}}
</option>

Answer 2

试试这个：

<option *ngFor="let item of 1stList"  [ngValue]="item">
 {{item.id}}-{{item.title}}-{{item.price}}
</option>

如何使用angular2显示多个属性

2 个答案: