如何在angularjs中连接属性？

Question

我想在html中将以下属性显示为逗号分隔列表：

json {
    "city":"<b>londo</b>",
    "country":"<i>uk</i>",
    "zip":"123"
}

由于我必须渲染html标记，我正在使用ngSanitize。此外，我必须对每个元素应用过滤器。

如果只显示一个元素，我会写：

<h3 ng-bind-html="data.country | touppercase"></h3>

但是如何创建一个在线逗号分隔列表呢？我怎样才能在h3中追加三个属性？ 如果我一个接一个地使用三个h3标签，我会在它们之间进行换行。那么我还能做些什么呢？

Answer 1

属性和过滤器可以直接与angularjs标签连接：

<h3 ng-bind-html="(data.country | touppercase) + ', ' + (data.city | touppercase) + ', ' + (data.zip)"></h3>