AngularJS:将textarea绑定到object属性 - infdig错误

时间:2015-06-27 02:25:47

标签: javascript angularjs binding textarea angularjs-ng-repeat

我对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 =&#34; [value]&#34;来修复此错误。到ng-binding =&#34; [value]&#34;,但这会产生一个空的文本区域。将其更改为ng-model =&#34; problemFocus [value]&#34;,文本区域变空,此外,在文本区域中键入时,该值将添加为新列的键。

更新 我发现它应该是ng-model =&#34; value&#34;不是ng-model =&#34; [value]&#34;。这修复了infdig错误。

错误:[$ rootScope:infdig] http://errors.angularjs.org/1.4.1/ $ rootScope / infdig?p0 = 10&amp; 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

1 个答案:

答案 0 :(得分:0)

尝试修改如何在ng-model中访问您的值,如下所示

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