angularjs добавляет скобки к выводу значения массива

Question

this.fruitArray=[apple,orange,banana];

Html

<p>{{fruitArray}}</p> // display apple,orange,banana

как я могу заставить его отображать [яблоко] [оранжевый] [банан] с помощью CSS или угловых тегов?я не хочу менять значение массива в коде

Answer 1

Использование нг-повтор

<label ng-repeat="fruit in fruitArray">{{fruit}} <span>,</span> </label>

Я использую label, чтобы установить их рядом (в той же строке) и добавлю ,

почему label? <p> равно display:block и задается в новой строке каждый

Answer 2

Если вы используете Angularjs, то вы можете достичь своего результата с помощью ng-repeat, например <p ng-repeat="item in fruitArray">{{item}}</p>

Answer 3

Это можно сделать с помощью *ngFor или ng-repeat