Как получить и изменить значение ячейки таблицы используя Angular?

Question

[DarthJS]

Есть таблица, создается через ng-repeat, нужно по нажанию на ячейку получить её значение и поменять её значение допустим на "x". Как это сделать?

Пример по ссылке

Answer 1

[DarthJS]

Всем спасибо, решил
Кому интересно: jsfiddle.net/d3hszefb/1

Answer 2

[Mikhail Osher]

vitalets.github.io/angular-xeditable

Comments

[DarthJS]

спасибо, познавательно, но чуток не то. Мне нужно как на чисто JS взять innerHTML ячейки и вставить туда крестик. Не пойму как на Ангуляре innerHTML забрать.

[DarthJS]

типа вот: jsfiddle.net/ufaj6kcm/3 при нажатии на крестик хочу туда "Х" засунуть

Answer 3

[Алексей Павлов]

<div ng-repeat="item in items">
    <div ng-click="setValue($index)">{{ item.value }}</div>
</div>

$scope.setValue = function (index) {
    $scope.items[index].value = 'x';
}

Comments

[DarthJS]

А как быть с ситуацией, когда у меня таблица? Вот пример: jsfiddle.net/ufaj6kcm/5

[DarthJS]

Понимаю, что нужно как-то задействовать $parent.$index и $index, но что-то не получается

Answer 4

[Alexander Tartmin]

Если я правильно понял, то вам нужно это было, а значит к результату вы были на две строчки кода близко =)

var app = angular.module("MyApp", []);
function Game() {

    this.foo = function(size) {

        this.arr = [];
        for (var i = 0; i < size; i++) {
            this.arr.push(i);
        }
    }
    this.push = function(parent, index) {
       this.sign = 'X';
        this.position = parent + ', ' + index;
    }
}

<div ng-app="MyApp">
    <div ng-controller="Game as ctrl">
        <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.push($parent.$index, $index)">{{ctrl.sign}}</td>
    </tr>
</table>
            
          <h1> {{ctrl.position}}</h1>
    </div>
</div>

Comments

[DarthJS]

Не, не совсем :) Но спасибо, решение уже нашел, если интересно, вот: jsfiddle.net/d3hszefb/1

[Alexander Tartmin]

DarthJS: Правильно описанная задача - 50% её решения =)

[DarthJS]

Alexander Tartmin: угу, согласен, на стаковерфлове тоже самое написал, все сразу все поняли :)