问题描述
我是AngularJS的新手，...暂时无法正常工作。
我在控制器范围内创建了一个字典，并在http请求后将其填满。 （键，值对）
字典可以很好地创建，并且不会显示任何错误，但是HTML不会根据ng-bind-html进行更新。
有没有一种方法可以动态创建键值对并将其绑定到HTML？
调节器
$scope.htmlData = {
};
$http.get('SOME URL TO JSON').
success(function(data, status, headers, config) {
for (var i = 0; i < data.section_content.length; i++)
{
$scope.htmlData[data.section_content[i].name] = data.section_content[i];
}
console.log($scope.htmlData);
}).
error(function(data, status, headers, config) {
});
HTML
<!-- HOME PART 1: Welcome --> <div class="row margin-bottom-50" ng-bind-html="$scope.htmlData.title_text.content"> </div> <!-- HOME PART 2: EQ COLUMN --> <div class="row" style='background: #E6E7E8;'> <div class='container'> <div class="row row-eq-height"> <div class='col-md-4 home-info-panels' style="border-right: 1px solid black;" ng-bind-html="$scope.htmlData.info_column_1.content"> </div> <div class='col-md-4 home-info-panels' style="border-right: 1px solid black;" ng-bind-html="$scope.htmlData.info_column_2.content"> </div> <div class='col-md-4 home-info-panels' ng-bind-html="$scope.htmlData.info_column_3.content"> </div> </div> </div> </div>
1楼
GPicazo
3
已采纳
2015-07-30 15:51:57
您无需指定$scope ，只需指定属性名称。
所以代替
ng-bind-html="$scope.htmlData.info_column_3.content"
做
ng-bind-html="htmlData.info_column_3.content"