Question

我的模型中有一个简单的JSON对象

whitelist = [
{
    "name": "Whitelist #1",
    "permissions": [
        "production_sdk", 
        "source_sdk", 
        "service"
    ],
},
{
    "name": "Whitelist #2",
    "permissions": [
        "production_sdk", 
        "service"
    ],
},
{
    "name": "Whitelist #3",
    "permissions": [
        "production_sdk", 
        "source_sdk"
    ],
}
]

在我的html中，我有{{ whitelist.permissions }}，但HTML会显示带括号的值 - ['production_sdk', 'source_sdk']。

如何显示HTML以便没有括号？

Answer 1

whitelist.permissions是一个数组，你希望如何在你的html中显示它？您应该创建一个简单的过滤器，它接受一个数组并输出您想要的内容，但您可以更改您的html来执行此操作以获得以逗号分隔的列表：

{{ whitelist.permissions.join(', ') }}

另一个选项，特别是如果要设置每个权限的样式，是使用ng-repeat和html元素：

<span ng-repeat="permission in whitelist.permissions"><span ng-if="$index != 0">, </span>{{ permission }}</span>

如何隐藏模板表达式中的方括号？

1 个答案: