2015-06-27 26 views
1

我對AngularJS相對較新,我認爲在我的代碼中有一個infdig錯誤,因爲通過ng-model綁定了textarea,但我不確定如何修理它。AngularJS:將textarea綁定到對象屬性 - infdig錯誤

文本區域具有我目前所期望的值。閱讀關於該主題的以前的帖子,當在ng-repeat內部修改值時出現infdig錯誤。但是,我不認爲我正在修改ng-repeat中的任何 值。

控制器

app.controller('mainController', function($scope, $http, $location, fetchService){ 
    ... 
    $scope.problemFocus = {}; 
    $scope.changeProblem = function(id) { 
    $location.path('/problems') 
    $http.get('/api/problems/' + id).success(function(data){ 
     $scope.problemFocus = data; 
    }); 
} 

HTML

<tbody> 
    <tr ng-repeat="(key, value) in problemFocus"> 
     <td>{{key}}</td> 
     <td><textarea class="problem-property-value" form="properties-edit" ng-model="[value]"></textarea></td> 
    </tr> 
</tbody> 

我已經嘗試通過改變NG-模型來解決這個錯誤= 「[值]」,以納克結合=「[值]「,但是這會導致一個空的文本區域。將其更改爲ng-model =「problemFocus [value]」,文本區域將變爲空白,此外,在文本區域中鍵入內容時,該值將添加爲新列的鍵。

更新 我發現它應該是ng-model =「value」而不是ng-model =「[value]」。這修復了infdig錯誤。

錯誤:[$ rootScope:infdig] http://errors.angularjs.org/1.4.1/ $ rootScope/infdig P0 = 10 & P1 =%5B%5B%7B%22毫秒... 2%3A%5B%5B%22A%3A%22%2C%22B %3A%22%2C%22C%3A%22%2C%22D%3A%22%5D%5D%7D%5D%5D

+0

什麼是錯誤? –

+0

錯誤:[$ rootScope:infdig] http://errors.angularjs.org/1.4.1/$rootScope/infdig?p0=10&p1=%5B%5B%7B%22ms...2%3A%5B%5B%22A %3A%22%2C%22B%3A%22%2C%22C%3A%22%2C%22D%3A%22%5D%5D%7D%5D%5D –

+0

@boolean_ring請添加錯誤作爲編輯您的問題,不作爲評論。 – o11c

回答

0

嘗試修改你怎麼NG-模型內部訪問你的價值如下

<td><textarea class="problem-property-value" form="properties-edit" ng-model="problemFocus[value]"></textarea></td> 
+0

當我改變它時,錯誤消失。然而,textareas變得空無一人。 –

+0

當你輸入時會發生什麼?模型更新是否正確? –

+0

當我輸入文本區域時,在表格底部添加一個新行,並在鍵列下面顯示值。 編輯:添加的值未輸入 –

相關問題