javascript – ngModel“使用索引器时无法设置undefined的属性”

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – ngModel“使用索引器时无法设置undefined的属性”，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含899字，纯文字阅读大概需要2分钟。

内容图文

我有以下标记

<div ng-app>
    <table ng-controller="test">
        <tbody>
            <tr ng-repeat="row in rows">
                <td ng-repeat="col in cols">
                    <input type="text" ng-model="row[col].val" />
                </td>
            </tr>
        </tbody>
    </table>
</div>

控制器看起来像这样

function test($scope) {
    $scope.cols = ["col1", "col2", "col3"];
    $scope.rows = [{
        col1: { val: "x"}
    }, {
        col2: { val: "y" }
    }]
}

当我尝试设置尚不存在的列值时,我得到

“Cannot set property ‘val’ of undefined”.

示例在这里是http://jsfiddle.net/z9NkG/2/

在文档中注意：

ngModel will try to bind to the property given by evaluating the
expression on the current scope. If the property doesn’t already exist
on this scope, it will be created implicitly and added to the scope.

但是在使用索引器而不是属性名称时失败了.

有没有办法动态定义ngModel表达式或者我是否误用了角度？

解决方法:

那怎么样：

<input type="text" ng-model="row[col].val" ng-init="row[col] = row[col] || {}" />

小提琴：http://jsfiddle.net/z9NkG/8/

内容总结

以上是互联网集市为您收集整理的javascript – ngModel“使用索引器时无法设置undefined的属性”全部内容，希望文章能够帮你解决javascript – ngModel“使用索引器时无法设置undefined的属性”所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端