JSONとの双方向バインディング？

Question

実際、私は1つのJSONスコープを持っています。 ng-modelが変更になるたびにJSON値を変更する必要があります。以下の例では、属性（CuId、名前、数量、レート、金額）を持つ行セットを持つJSONです。これらの属性名は、ng-model = CuIdのようなコントロール（テキストボックス）をバインドする必要があります。したがって、対応する属性値が変更されるたびに、JSONを更新する必要があります。

これに関連する例を示したり、これを達成する方法を教えてください。

JSON：

$scope.postJSON = { 
     "entityInfo": { 
     "entity": "", 
     "tenantId": "", 
     "timeStamp": "2016-04-07T09:37:16.187Z" 
     }, 
     "collections": { 
     "Customer29Jan16": { 
      "meta": { 
      "parentreference": "***", 
      "pkname": "***", 
      "fkname": "***" 
      }, 
      "rowset": [ 
      { 
       "CuId": "test", 
       "Name": "test", 
       "Quantity": "test", 
       "Rate": "test", 
       "Amount": "test" 
      } 
      ], 
      "rowfilter": [] 
     } 
     } 
    } 

Answer 1

他の回答に記載されているとおり、ツリー全体を変更するプロパティまで使用する必要があります。しかし、彼らはrowsetが配列なので、アクセスする要素をrowsetと指定しなければならないことには言及していませんでした。 ng-model="postJSON.collections.Customer29Jan16.rowset[0].CuId"のようなものを使用してください。

Answer 2

あなたはNG-モデルでツリー全体を配置する必要があります。

<input type="text" ng-model="postJSON.collections.Customer29Jan16.rowset.CuId" /> 

Answer 3

<input ng-model="postJSON.collections.Customer29Jan16.rowset[0].CuId" /> 

や、物事をよりコンパクトにする、スコープ上の行セットを置く：このように、その後

$scope.rowset = $scope.postJSON.collections.Customer29Jan16.rowset[0]; 

使用：

<input ng-model="rowset.CuId" /> 

Answer 4

をあなたはpostDataを追加しましたスコープに追加すると、そうした個々の属性にバインドすることができます。

<input ng-model="postJSON.collections.Customer29Jan16.rowset[0].CuId" /> 
<input ng-model="postJSON.collections.Customer29Jan16.rowset[0].Name" /> 
<input ng-model="postJSON.collections.Customer29Jan16.rowset[0].Quantity" /> 
<input ng-model="postJSON.collections.Customer29Jan16.rowset[0].Rate" /> 
<input ng-model="postJSON.collections.Customer29Jan16.rowset[0].Amount" />