需要在角度为6的两行中显示ng-option

Question

我需要在select中显示数据，每行两行。 我正在使用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>