Нужно показать ng-опцию в двух линиях угловых 6

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

Это не поддерживается.Попробуйте вместо этого

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>

Answer 2

Нет, вы не можете!

Ни один браузер не позволит выполнить такое форматирование текста.

Но да, вы можете использовать другой альтернативный вариант для отображения текста, если необходимо, возможно, использовать title который покажет данные в виде всплывающей подсказки.