4

特定の json ファイルでは、配列に存在するオブジェクトは 1 つだけです。ただし、このオブジェクトには不明な量のプロパティがあります。

[{"red": 14, "green": 12, "orange": 1, "yellow": 11, "blue": 9}]

このオブジェクトは「アイテム」と呼ばれます。これは私のフォームです：

<div ng-app="myApp" ng-controller="MainCtrl">
<form class="idea item">
    <div ng-repeat="(key, value) in items[0]" >
        <label>{{key}}</label>
        <input type="range" value="{{value}}" min="0" max="15"/>
    </div>
    <input type="submit" ng-click="save()" />
</form>
</div>

ただし、フォームで送信を押すと、送信されるデータは常に入力で最初に設定されたデータです。[{"red": 14, "green": 12, "orange": 1, "yellow": 11, "blue": 9}]

例として、すべての入力を 0 に設定した場合、送信するにはどうすればよい[{"red": 0, "green": 0, "orange": 0, "yellow": 0, "blue": 0}]ですか?

このsave()関数は基本的に次のもので構成されます。

$http.put(url, $scope.items);
4

1 に答える 1

5

javascript の変数キーと同じように、ng-model でメンバー演算子としてブラケット表記を使用します。

<input type="range" ng-model="items[0][key]" min="0" max="15"/>

デモ:フィドル

于 2013-11-15T02:32:53.327 に答える