使用Angular填充對象

Question

我有一個HTML和JS腳本。

我想填充我的對象在第二個控制器的值與我的HTML頁面的文本字段輸入，也有一個添加按鈕來填充點擊對象並相應地更改插槽號。

到目前爲止，我可以讀取對象，如何在點擊時添加我的html中的值，並且每次增加一個插槽號？

腳本

.controller('second', function($scope) { 
$scope.items = { 
    "c_name": "Name of the campaign", 
    "max_slots": 1, 
    "d_text": ["age", "gender", "name"], 
    "slots": [ 
     { 
      "slot_id": 1, 
      "path_image": "path", 
      "base_image": "base 64 image", 
      "age": 25, 
      "gender": "your Gender", 
      "name": "your name" 
     } 
    ] 
} 

}); 

HTML

 <div ng-controller="second"> 
    <div ng-repeat="(key, values) in items"> 
    {{key}} 
    <div ng-repeat="item in values"> 
    {{item.name}} 
    </div> 
</div> 
        <!-- each time click add increment slot number --> 
        <button>add</button> 

Answer 1

使用ng-click指令調用控制器功能在您的視圖。

HTML

<button ng-click="add()">Add</button> 

JS

$scope.add = function() { 
    $scope.items.slots.push(
     { 
      // Something 
     } 
    ); 
}