如何在 ng-repeat 中绑定 html

How do I bind html inside ng-repeat?

本文关键字:绑定 html ng-repeat      更新时间:2023-09-26

如何将响应数据动态绑定到ng-repeat内部生成的html?

目前,只有社交计数被绑定到所有李氏。

这是我的 html:

<li ng-repeat="category in inbox.categories track by $index">
                                <a href="#">
                                    <div class="left-row" ng-click="inbox.showView(category)" target="_self">
                                        <div class="leftcolumn1"><span class="glyphicon glyphicon-user"></span></div>
                                        <div class="leftcolumn2">{{category}}</div>
                                        <div class="leftcolumn3 email-time" ng-bind="inbox.messageCounts.socialCount"></div>
                                    </div>
                                </a>
                            </li>

我从服务器得到的响应是这样的:

{"socialCount":431,"promotionsCount":17843,"updatesCount":26997,"forumsCount":1780}

js 函数:

Inbox.prototype.getMessageCounts = function(categories){

$http.get(
this.messageCountUrl + this.userGuid).success(function(data){
    this.messageCounts=data;
}.bind(this));

找到答案,只需要这样做。

<div class="leftcolumn3 email-time" ng-bind="inbox.messageCounts.{{category|lowercase}}Count"></div>