更改ng-model后更新视图-AngularJS

时间:2019-02-18 02:21:38

标签: javascript angularjs

单击按钮后,如何更新承载ng模型的数组?我无法绑定它们,因为我从中选择的数据是一个列表。要更新数据,我必须更改视图或刷新,但是我希望在单击按钮后进行更新

这是我的HTML,我想在其中更新ng-model文本

'<span>HVACs: <ct-input  disabled="true"  ng-model="data.groupLimits[activeIndex].devices"  </ct-input> </span>' + '<br>' +
'<span> Add/Remove Device: <ct-input-list list="hvacsList"  ng-model="model"   </ct-input-list>' + '</span>' +
+ '<ct-button text="Add Device" show="true" ng-click="addDevice()"> </ct-button>' 

1 个答案:

答案 0 :(得分:0)

如果数组最初是从控制器方法调用中加载的,则只需在执行任何操作时都调用该方法即可,例如

在控制器中:

$scope.LoadModel = function(){
    myService.loadModel(id).then(function(d){
        bindArrayToModel();
    })
}

$scope.DoClick=function(){
// something
 $scope.LoadModel();   // re-load model here
}

视图中: