Javascript Don';当作用域发生变化时,不能更新HTML

Javascript Don';当作用域发生变化时,不能更新HTML,javascript,angularjs,dom,Javascript,Angularjs,Dom,我的JS中有for循环: for (var i=0;i<2;i++) { $scope.widget = widgets[i]; $scope.header = widgets[i].data.header; $scope.items = widgets[i].data.items; $scope.footer = widgets[i].data.footer; var widget = widgets[i]; var div1 = '<

我的JS中有
for
循环:

for (var i=0;i<2;i++) {
    $scope.widget = widgets[i];
    $scope.header = widgets[i].data.header;
    $scope.items = widgets[i].data.items;
    $scope.footer = widgets[i].data.footer;
    var widget = widgets[i];
    var div1 = '<div id="' + widget.id + '" class="' + widget.width +'" >';
    var div2 = '<div class="panel" style="background-color:' + widget.color +';color:white;">';
    var header = widget.body.headerTemplate;
    var panelStart =  '<div class="panel-collapse pull out">';
    var widgetBody = widget.body.itemTemplate;
    var widgetFooter = widget.body.footerTemplate;
    var panelEnd = '</div>';
    var div2End = '</div>';
    var div1End = '</div>';
    var widgetHTML = div1 + div2 + header + panelStart + widgetBody + widgetFooter + panelEnd + iv2End +iv1End;
    console.log(widgetHTML);

    var linkingFunction = $compile(widgetHTML);
    var elem = linkingFunction($scope);

    $(elem).appendTo("#widgetsContainer");
}

for(var i=0;i使用单向绑定,如果使用Angular 1.3.x,则使用

<a href='{{::header.redirectUri}}'>{{::header.title}}</a>


或者使用angular 1.3.x中引入的是一次性绑定

<a href='{{::header.redirectUri}}'>{{::header.title}}</a>

阅读更多信息,请参见

创建另一个布尔变量,该变量指示何时使用该布尔值在if条件中追加并执行上述代码,或者向html追加字符串值而不是变量,以保持html静态效果良好,只需为ng repeat添加以下内容:“ng repeat=“item in::items”“第一个孩子听了很高兴,”我补充道
<a href='{{::header.redirectUri}}'>{{::header.title}}</a>
'ng-repeat="item in ::items"'