如何在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>