Javascript 如何通过单击来更新表格的单元格

我有一个表，想通过单击在单元格中插入一些值（x）。请有人帮助如何实现这个角度

这是我的html：

<table class="board">
    <h1>Table</h1>
    <input type="number" ng-model="val">
    <button ng-click="ctrl.foo(val)">PRESS</button>

    <tr ng-repeat="item in ctrl.arr">
        <td ng-repeat="td in ctrl.arr" ng-click="ctrl.getIndex($parent.$index, $index)" class="{{ctrl.class}}"></td>
    </tr>
</table>

桌子
按

A以下是代码：

function GameOfLifeCntl() {

    this.foo = function(size) {

        this.arr = [];
        for (var i = 0; i < size; i++) {
            this.arr.push(i);
        }
    }
    this.getIndex = function(parent, index) {
        console.log(parent, index);
    }
}

函数GameOfLifeCntl（）{
this.foo=函数（大小）{
this.arr=[]；
对于（变量i=0；i

---

下面是链接

您可以像这样在getIndex函数中传递$event变量

<td ng-repeat="td in ctrl.arr" ng-click="ctrl.getIndex($event, $parent.$index, $index)" class="{{ctrl.class}}"></td>

像这样的东西请试试这个

    `http://jsfiddle.net/ufaj6kcm/11/`

首先，您需要构造对象的二维数组。 rest数据绑定由AngularJS双向数据绑定自动处理

我希望这对你有帮助

---

谢谢。

我看不到控制器中的变量

ctrl

。你能把它寄出去吗？你想改变什么值？为什么有两个嵌套的ng重复？这里有什么问题？到目前为止，您的代码运行良好：-我刚刚添加了一个到

{{td}}

的绑定，以便您可以看到正在打印的表格单元格您正在从html端调用ctrl.getIndex，但在脚本中您正在使用getIndex。所以我认为它不会打印控制台。否，我需要通过单击插入值。所有单元格都是空的，但当我单击该单元格时会得到值，例如'X'23tux，ctrl它是空的

    `http://jsfiddle.net/ufaj6kcm/11/`