AngularJS從ng-repeat創建json

Question

受此啓發codepen我使用JSON file加載一些基本輸入字段和切換。當用戶更改某些內容並按下保存時，我想將這些新的property values保存在一個新的JSON object中，並使用相同的property names。

我的代碼看起來這

JS

.controller('page', function($scope, templateSettingsFactory, savedSettingsFactory) { 
    $scope.template = templateSettingsFactory;  
    $scope.saved = savedSettingsFactory;  
    $scope.saveSettings = function(){         
           var temp = $scope.template; 
           var jsonObj = {}; 
           for(var key in temp){ 
           jsonObj[key]=temp[key]; 
           } 
           $scope.saved.$add(jsonObj); 
         }; 
}); 

HTML

<label ng-repeat="item in template"> 
    <input type="text" placeholder="{{item}}"> 
</label> 

<button class="button" ng-click="saveSettings()">Save</button> 

的問題是，調用saveSettings()沒有得到更新的$scope.templateproperty values - 也許它沒有做tw o-way綁定？

Answer 1

您需要在表單元素上使用ng-model將其輸入綁定到範圍。

<input type="text" ng-model="item.property"> 

這裏是結合任意鍵的單個對象的示例：

<div ng-repeat="(key,value) in template"> 
    <div>{{key}}</div> 
    <input type="text" ng-model="template[key]"/> 
    </div> 

https://docs.angularjs.org/api/ng/directive/ngModel