html - 需要在两行 angular 6 中显示 ng-option

Question

我需要在选择中显示数据，每行有两行。我正在使用 ng-select。

          <ng-select [(ngModel)]="selectedData" placeholder="Select Data">
            <div *ngFor="let data of Data">
              <ng-option [value]="data.id">
                {{data.name}} - {{data.price | currency}} 
                {{data.description}} - {{data.code}}
              </ng-option>
            </div>
          </ng-select>

我正在使用 ng-select 并尝试在 ng-option 中显示数据，它在一行中显示数据。已经尝试过 br 和 /n。

提前致谢。

Answer 1

不，你不能！

没有浏览器允许对文本进行这种格式化。

但是是的，如果需要，您可以使用另一种替代方法来显示文本，可能会使用title它将数据显示为工具提示。

Answer 2

这是不支持的。试试这个，

Data.forEach(element => {
    dropDownDataSource.push(id: element.name, value: element.name)
    dropDownDataSource.push(id: element.description, value: element.description)
});



<ng-select [(ngModel)]="selectedData" placeholder="Select Data">
    <option *ngFor="let data of dropDownDataSource" value="{{data.value}}">
        {{data.id}}
    </option>  
</ng-select>