gpt4 book ai didi

javascript - Angular 可编辑表不适用于 ng-repeat

转载 作者:行者123 更新时间:2023-12-03 05:26:50 25 4
gpt4 key购买 nike

<table class="table table-bordered">
<tbody>
<tr ng-repeat="playerOrTeam in template.editableTable track by $index">
<td style="text-align: center;" ng-repeat="playerOrTeamCat in playerOrTeam track by $index">
<input ng-model="playerOrTeamCat" type="text" class="form-control input-sm">
</td>
</tr>
</tbody>
</table>

template.editableTable 是一个多维数组,仅填充了标准变量。当我更改输入框中的值之一,然后查看 template.editable 表的输出时,我没有看到更改。我是否遗漏了一些明显的东西?

编辑更多详细信息,因为我没有收到回复 =\

//Template Class
app.factory('Template', function () {
var Template = function () {
/*
* Public Variables
*/
this.editableTable = someMultiDimensionalTable;
}

/*
* Functions
*/
Template.prototype.SeeEditableTableContents = function () {
console.log(this.editableTable);
}
}

//Main Controller
app.controller('MainController', function () {
$scope.template = new Template();
//etc
}

最佳答案

您无法在 ng-repeat 中执行直接内联修改。您可以使用函数更新数组条目。

你想要这样的东西:

$scope.saveEntry = function (idx) {
console.log("Saving entry");
$scope.template.editableTable[idx] = angular.copy($scope.model.selected);
$scope.reset();
};

参见JSFiddle示例。

关于javascript - Angular 可编辑表不适用于 ng-repeat,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41111380/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com