AngularJS：将文本区域绑定到对象属性 - infdig 错误

Question

我对 AngularJS 比较陌生，我认为由于 textarea 通过 ng-model 绑定，我的代码中存在 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-model="[value]" 更改为 ng-binding="[value]" 来修复此错误，但这会导致文本区域为空。将其更改为 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%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

Answer 1

尝试修改在 ng-model 中访问值的方式，如下所示

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