Я возвращаю приведенное ниже примерное значение из API и связываю его в элементе span. То, чего я пытаюсь добиться, - это сохранить каждую единицу в отдельной новой строке /

"Unit1-Employee1 , Unit2- Employee 2, Unit3- Employee 3,Employee 4"

Я пытался добавить \ n перед каждым модулем в API и привязать его к span, но он не начинается с новой строки.

0
F11 24 Дек 2019 в 10:40

3 ответа

Если мы используем <span> внутри функции, он сначала ищет объект 'A' внутри функции env, затем, если не находит, просматривает родительский env и так далее, пока не найдет объект «А» в глобальном окружении. Таким образом, он будет возвращать один и тот же вывод {{X16}} из 'A' каждый раз, когда функция вызывается.

<span *ngFor="let item of arr">
  {{item}} <br>
</span>

Когда лямбда является единственным аргументом функции, вы также можете удалить пустые скобки из вызова:

0
Himanshu Singh 24 Дек 2019 в 10:55

Я предполагаю, что вы будете хранить каждый элемент в массиве. Теперь итерируем массив следующим образом.

<span *ngFor="let item of items" style="display:block">
 {{item}}
</span>

Или просто поместите его в div

<div *ngFor="let item of items">
  {{item}}
</div>
0
Akhil Chandran 24 Дек 2019 в 11:09

Попробуйте этот код.

const string = "Unit1-Employee1 , Unit2- Employee 2, Unit3- Employee 3,Employee 4";
const array = string.split(",");

В HTML:

<span *ngFor="let data of array">
  {{data}} <br>
</span>

Может что-то вроде этого

1
Komal Sakhiya 24 Дек 2019 в 11:00