html - 我们如何删除 Angular js中的方括号[]和双引号 ""？

Question

我在我的应用程序中使用 MEAN 堆栈，并将 AngularJS 作为我的前端。如何删除重复答案 My plunker 中的 Square Brackets [] 和 Double quotes ""实际上我们需要在我的应用程序中显示 role vlaues 所以我们使用 ng-repeat="mani in name.comments " 来得到答案，我们得到了像 ["user"], ["admin"], ["kp"] ，我们到底在看什么，我们只需要单独显示值，而不是 [] 方括号和双引号.... 例如答案是:- values are without in [] 方括号 和双引号 如1。用户，2.管理员，3.kp

我的数据:-

$scope.name = {
"_id": "5863d3aaacaeddc00663bc07",

"comments": [
{
"created": 1485511936350,
"role": [
"user"
],
"email": "selvam@e21designs.com",
"name": "selvam R",
"commentText": "mani selvam"
},
{
"created": 1485511936350,
"role": [
"admin"
],
"email": "selvam@e21designs.com",
"name": "selvam R",
"commentText": "mani selvam"
},
{
"created": 1485511936350,
"role": [
"kp"
],
"email": "selvam@e21designs.com",
"name": "selvam R",
"commentText": "mani selvam"
}
],
"created": "2016-12-28T15:00:58.777Z",
"isCurrentUserOwner": false
};

我的 Html:-

<div ng-repeat="mani in name.comments ">

                <td>{{$index + 1}}</td>
                <td>{{mani.role }}</td>

              </div>

• 请查看My plunker供引用……

• 预期的答案是没有 [] 方括号和双引号...

• 这个 Angular 色在数组中，所以只有它用[]方括号和双引号显示，那怎么能我们删除它，我们只需要显示值...我们已经尝试了很多方法，我们知道这是一个简单的任务，但我们无法解决这个问题..

• 我们可以使用 css 来删除它吗？...任何知道解决方案的人请帮助我们...谢谢

• 请同时更新 plunker 以了解确切的解决方案....

Answer 1

您可以使用toString() 方法将正在显示的数组转换为字符串。像这样:

        <td>{{mani.role.toString()}}</td>

这会将其显示为字符串，因此 " 和 [] 将被删除。

Plunkr showing this.