Question

我有一个从json获取对象的函数，我在ng-repeat中列出了它的键值对。这是一个值为真/假的形式，根据它，它是否被检查。

<form class="form-horizontal">
  <div class="form-group form-group__bordered"
       ng-repeat="(key, value) in listOfNotificationTypes">

    <label for="inputEmail3">{{ key | trimkey }}</label>

    <div class="checkbox-wrapper">
        <input type="checkbox" class="checkbox" ng-checked="{{value}}">
    </div>
 </div>

 <div class="form-group">
    <div class="col-12 clearfix">
        <a href="#" class="btn"
            ng-click="updateNotificationSettings()">
         SAVE
        </a>
    </div>
 </div>
</form>

这一切都运行良好，但我想要的是拿起那些更改的键值对，并在我点击SAVE按钮时通过另一个函数发送它们。

如何在ng-model中绑定输入，以便传递正确的json格式，如

{
   "key1":"value1",
   "key2":"value2",
   "key3":"value3",
    ...
  }

我想我应该使用ng-model来捕获数据，但不知道如何处理它。

Answer 1

因此，对于您的对象类型，您必须使用这样的输入。

\build\generated-src

这是展示实施的plunker。

备注：将来只需要注意一点，你可能需要在像这样的对象列表中转换该对象

<input type="checkbox" class="checkbox" ng-model="listOfNotificationTypes[key]">

对于这种情况，前端的代码将是

[ {key: "key1", value: false}, {key: "key2", value: true}, {key: "key3", value: false} ];

通过ng-model传递键值对

1 个答案: