javascript – 是否有可能在Angularjs形式中有双数组？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 是否有可能在Angularjs形式中有双数组？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1537字，纯文字阅读大概需要3分钟。

内容图文

我最近在我的项目中使用Angularjs.我正在尝试创建一个动态表单,使用户能够创建填字游戏问题.我在考虑使用angularjs来允许用户在他们的答案中添加额外的行和列.在我的表单中,我创建了一个名为“answer”的输入,它有2个子元素行和列,“column”也有自己的子元素.这是我到目前为止所做的：

html页面：

Answer for the question: [<a href='' ng:click='form.answer.$add()'>AddRow</a>]

    <table>
        <div ng:repeat='ans in form.answer'>
            <tr>
                <td>{{ans.row}}</td>
                <div ng:repeat='col in ans.column'>
                    <td><input type='text' name="col.word" ng:required/></td>
                </div>
                [<a href='' ng:click='col.$add()'>AddCol</a>]
            </tr>
        </div>
    </table>

JavaScript的：

questionCtrl.$inject = ['$invalidWidgets'];
function questionCtrl($invalidWidgets) {
    this.$invalidWidgets = $invalidWidgets;
    this.master = {
        title: 'title',
        descr:'description here',
        answer: [{row:'1', column:[{word:'z'},{word:'x'}]}
                ,{row:'2', column:[{word:'a'},{word:'w'}]}
                ],
        user:''
    };
    this.cancel();
}

questionCtrl.prototype = {
    cancel : function(){ this.form = angular.copy(this.master); },
    save: function(){
        this.master = this.form;
        this.cancel();
    }
};

我已经设法允许用户在他们的答案中添加行,但我根本无法显示列数组的元素.这是因为我的代码存在声音错误,或者Angularjs不允许在其表单中使用双数组？对不起,如果我的解释不清楚.

解决方法:

html无效,你不能在表格内有div.

<table>
  <tr ng:repeat='ans in form.answer'>
    <td>{{ans.row}}</td>
    <td ng:repeat='col in ans.column'><input type='text' name="col.word" ng:required/></td>
    <td>[<a href='' ng:click='ans.column.$add()'>AddCol</a>]</td>
  </tr>
</table>?

这里是jsfiddle使用最新的Angular：http://jsfiddle.net/vojtajina/ugDpW/

内容总结

以上是互联网集市为您收集整理的javascript – 是否有可能在Angularjs形式中有双数组？全部内容，希望文章能够帮你解决javascript – 是否有可能在Angularjs形式中有双数组？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端