angularjs将括号添加到数组值输出

Question

var fullName = "window";
var Person = function (name) {
    this.fullName = name;
};
var chandra = new Person("chandrakumar");
var kumar = new Person("kumar");
function specificCall(scope) {
    if (scope === void 0) { scope = window; }
    console.log("Dude " + scope.fullName);
}
specificCall(); // logs Dude window
specificCall(kumar); //logs Dude kumar

HTML

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

我如何使其显示带有CSS或角度标签的[apple] [orange] [banana]？我不想更改代码中的数组值

Answer 1

使用ng-repeat

<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

完成