未綁定到對象數組的文本輸入

Question

初始渲染時數據顯示正常，這意味着如果我有自定義字段的數據，則這些值將顯示在HTML上。

問題是，當我更改自定義字段的值時，更改沒有附加回對象，換句話說，出現某種原因，綁定只是一種方式。

我有以下對象：

{ 
     "_id" : BinData(3, "6aUPCzvqTUuzZWlWRJCdPQ=="), 
     "name" : "MyObject", 
     "customFields" : [ 
      { 
       "_id" : BinData(3, "ksRiQNZnuE2BKFpjbQEQaQ=="), 
       "name" : "Field 1", 
       "order" : NumberInt(1), 
       "type" : "string", 
       "isMultiValue" : false, 
       "values" : [ 
        "11111" 
       ] 
      }, 
      { 
       "_id" : BinData(3, "S9bSzoqy5EafPP0NEdbfCw=="), 
       "name" : "Field 2", 
       "order" : NumberInt(2), 
       "type" : "string", 
       "isMultiValue" : false, 
       "values" : [ 
        "" 
       ] 
      } 
     ] 
    } 

我有以下的HTML綁定到它：

    <div ng-repeat="customField in customer.customFields"> 
         <p> 
          {{customField.name}}: 
         </p> 
         <p ng-repeat="customFieldValue in customField.values"> 
          <input type="text" class="form-control" ng-model="customFieldValue" /> 
         </p> 
        </div> 

更新： 後從@ngLover建議我得到的結合在正常工作這種情況下：

這是新對象：

{ 
    "_id" : BinData(3, "FKibZl5WDk2jprg1gY5KAQ=="), 
    "name" : "MyObject", 
    "customFields" : [ 
     { 
      "_id" : BinData(3, "3HUUHy1FMUaxD41JcuYqQw=="), 
      "name" : "Field 1", 
      "order" : NumberInt(1), 
      "type" : "string", 
      "isMultiValue" : false, 
      "values" : [ 
       { 
        "value" : "Data 1" 
       } 
      ] 
     }, 
     { 
      "_id" : BinData(3, "2t0oiy5LukSSuPR9XYKwcA=="), 
      "name" : "Field 2", 
      "order" : NumberInt(2), 
      "type" : "string", 
      "isMultiValue" : false, 
      "values" : [ 
       { 
        "value" : "Data 2" 
       } 
      ] 
     } 
    ] 
} 

新的HTML：

    <div ng-repeat="customField in customer.customFields"> 
         <p> 
          {{customField.name}}: 
         </p> 
         <p ng-repeat="customFieldValue in customField.values"> 
          <input type="text" class="form-control" ng-model="customFieldValue.value" > 
         </p> 
        </div> 

Answer 1

記住每個ng-repeat都有自己的範圍，所以，在你的第二個ng-repeat，ng-model="customFieldValue"被連接到第二ng-repeat scope，而不是外部範圍。