Question

我在显示位置对象时遇到问题。我正在展示它，但它扔掉了整个阵列，而且我有点卡在这一部分。

我的问题是如何删除[]括号。

位置json

[
{
    "_id": "5a61acfdd5df1761dd2eb1ef",
    "branch": "Lucena City",
    "__v": 0,
    "building": [
        {
            "name": "mhq",
            "floors": [
                "1st",
                "2nd",
                "3rd"
            ]
        }
    ],
    "dateCreated": "2018-01-19T08:31:57.121Z"
}

HTML

<table class="table table-sm">
<thead>
    <tr>
        <th>Branch</th>
        <th>Building</th>
        <th>Floors</th>
    </tr>
</thead>
<tbody>
    <tr ng-repeat="loc in vm.locations">
        <td>{{ loc.branch }}</td>
        <td>{{ loc.building[0].name }}</td>
        <td>
            {{ loc.building[0].floors }}
        </td>
    </tr>
</tbody>
</table>

Answer 1

您可以使用Array#join()

 {{ loc.building[0].floors.join(', ') }}

Answer 2

您只需要调用join函数

即可

loc.building[0].floors.join(",");

希望有所帮助！

Answer 3

上面的答案是正确的。

您还可以创建一个过滤器说to_csv_string，它接受一个数组并返回一个逗号分隔的字符串，然后您可以将结果作为

传递

{{ loc.building[0].floors| to_csv_string }}。现在，您可以在任何需要的地方重复使用它

我有一个演示插件，如果你愿意，你可以看一下。

https://plnkr.co/edit/yFJXEiIW3fmL4A7L7kt7?p=preview

Angularjs如何正确显示对象

3 个答案: