javascript - Angular js - 单击按钮将数据添加到现有模型

Question

我想在提交数据后向现有模型添加数据，下面是代码

HTML代码

<input type="text" ng-model="configData.A1" />
<input type="text" ng-model="configData.A2" />
<input type="text" ng-model="configData.A3" />
<input type="text" ng-model="configData.A4" />
<button class="btn" ng-click="saveData(configData)">Save Data</button>

Angular js代码

$scope.saveData = function (configData) {
   //Want to add below commented data into existing configData
   //configData.uniqueId = $scope.config.uid;
   //configData.uniqueName = $scope.config.uName;
   $http.post(saveConfigData_api, configData).then(function (data) {
        $('#progressbar').hide();
   });
 };

Answer 1

您实际上不需要在 saveData 函数中传递 configData，因为它是 AngularJS 中的模型数据，因此您可以通过 $scope< 访问它。将其作为函数参数传递将不会反射(reflect) configData 模型中的更改。因此，将您的代码更改为

HTML

<input type="text" ng-model="configData.A1" />
<input type="text" ng-model="configData.A2" />
<input type="text" ng-model="configData.A3" />
<input type="text" ng-model="configData.A4" />
<button class="btn" ng-click="saveData()">Save Data</button>

控制者

$scope.saveData = function () {
   $scope.configData.uniqueId = $scope.config.uid;
   $scope.configData.uniqueName = $scope.config.uName;
   $http.post(saveConfigData_api, configData).then(function (data) {
        $('#progressbar').hide();
   });
 };

使用 $scope.configData 将更改 configData 模型。