javascript - AngularJS:将文本区域绑定(bind)到对象属性 - infdig 错误

标签 javascript angularjs binding textarea angularjs-ng-repeat

我对 AngularJS 比较陌生,我认为由于通过 ng-model 绑定(bind)文本区域,我的代码中存在 infdig 错误,但我不确定如何修复它。

文本区域具有我当前期望的值。阅读有关该主题的先前文章,当在 ng-repeat 内部修改值时,会出现 infdig 错误。但是,我不认为我正在修改任何 ng-repeat 内部的值。

Controller :

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

最佳答案

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

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

关于javascript - AngularJS:将文本区域绑定(bind)到对象属性 - infdig 错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31084528/

相关文章:

javascript - 如何将字符串保存到 p5.js 中的特定位置

javascript - 获取点击打开 Bootstrap Modal 对话框的元素

wpf - MVVM (with WPF) - 将多个 View 绑定(bind)到同一个 ViewModel

cocoa - 将 NSArrayController 绑定(bind)回 ivar 时出现问题

cocoa - 当项目更改时,CoreData 绑定(bind)的 NSTableView 会失去输入焦点,但前提是已排序

javascript - 如何在angularjs中执行特定时间段的函数?

javascript - 数据表 : How to hide the pagination and only show it as need?

css - 为什么 form-inline 的元素之间没有空格?

javascript - Restangular - 指定自定义 ID key

css - 将鼠标悬停在数据行上时显示编辑/删除链接