Question

我最近在我的项目中使用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不允许在其表单中使用双数组？对不起，如果我的解释不明确。

Answer 1

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/

是否可以在Angularjs形式中使用双数组？

1 个答案: