Intereting Posts
Угловой маркер пути Svg 2 дротика не отображается. Чего не хватает? Как сделать высоту fill отображать переменную php, содержащую котировки Как правильно позвонить в eBay Trading API и отобразить результаты Вместо флажка отображается текстовое поле Измените текст на кнопке отправки после отправки Заполните текстовое поле в Javascript, нажав кнопку Как передать данные из windows «Главное окно в дочернее», чтобы отображать большие данные в таблице, используя AngulaJS CSS: Можно ли сделать элемент похожим на функцию синуса / косинуса? Режим IE quirks делает визуализацию страницы странным – элементы LI не горизонтали Количество слов в AngularJS Как растянуть гибкий ребенок, чтобы заполнить высоту контейнера? Какова цель атрибута «nonce» HTML для элементов сценария и стиля? Как заставить TD вести себя как TR (строка) с помощью CSS? Можно ли использовать display: block на td в HTML-письме электронной почты, чтобы добиться гибкого дизайна таблицы?

Новая строка ‘\ n’ не работает в Typcript

Я создаю элемент списка в машинописном компоненте, который будет отображаться в пользовательском интерфейсе. Элементы списка должны отображаться в отдельных строках. Поэтому я добавил новую строку char \ n, как показано ниже. Но все же элементы списка отображаются в одной строке. Ниже приведен код. Любая идея, почему это не работает?

UI Отображение списка ul

Код машинописного текста:

@Output() excludeDisplay: any = ''; @Output() includeDisplay: any = ''; includeValues: any = ''; excludeValues: any = ''; this.includeValues += this.merId + ',' + this.explodeStatus + '\n'; console.log("include values are "+ this.includeValues); this.excludeValues += this.merId + ',' + this.explodeStatus + '\n'; console.log("exclude values are "+ this.excludeValues); this.includeDisplay = this.includeValues; this.excludeDisplay = this.excludeValues; 

Код HTML:

 
    {{ excludeDisplay }}
    {{ includeDisplay }}

Код CSS:

 #includedUl { float: right; width: 33%; } #excludedUl { float: right; width: 33%; } 

\n не вызывает разрыв строки в html.
Вам нужно будет использовать
или обернуть текст в блочном элементе.

 this.includeValues += this.merId + ',' + this.explodeStatus + '
'; this.excludeValues += this.merId + ',' + this.explodeStatus + '
';

Или

 this.includeValues += '
' + this.merId + ',' + this.explodeStatus + '
'; this.excludeValues += '
' + this.merId + ',' + this.explodeStatus + '
';