Javascript 使用“角度”填充对象

我有一个HTML和JS脚本

我想用html页面中的文本字段输入填充第二个控制器中的对象值，还需要一个add按钮来填充单击时的对象，并相应地更改插槽号

到目前为止，我可以读取对象，如何在单击时从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>

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

{{key}}
{{item.name}
添加

---

使用

ng单击

指令调用视图中的控制器功能

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>

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

---

使用

ng单击

指令