Javascript 如何使用angulajs编辑表中的特定列值？

一旦按钮单击文本区域并打开保存按钮，我就在表的列中添加了“Add_Note”按钮，但问题是它会影响我想使用索引值显示的所有行，如何使用ng repeat实现这一点。 如果我想单击某一行，则该行的文本区域应打开，其余应关闭。

var myApp=angular.module（'myApp'，[]）
.controller（'employeeController'，函数（$scope）{
var雇员=[{
“姓名”：“阿尔弗雷德·富特基斯特”，
“城市”：“柏林”，
“国家”：“德国”
}, {
“姓名”：“Berglunds snabbköp”，
“城市”：“卢勒”，
“国家”：“瑞典”
}, {
“名称”：“布劳尔见德利卡塔森”，
“城市”：“曼海姆”，
“国家”：“德国”
}, {
“姓名”：“布隆德尔·佩雷和菲尔斯”，
“城市”：“斯特拉斯堡”，
“国家”：“法国”
}, {
“名称”：“Bólido Comidas preparadas”，
“城市”：“马德里”，
“国家”：“西班牙”
}, {
“名称”：“Bon应用程序”，
“城市”：“马赛”，
“国家”：“法国”
}, {
“名称”：“最低美元市场”，
“城市”：“Tsawassen”，
“国家”：“加拿大”
}, {
“名称”：“仙人掌”，
“城市”：“布宜诺斯艾利斯”，
“国家”：“阿根廷”
}, {
“名称”：“商业中心Moctezuma”，
“城市”：“墨西哥联邦”，
“国家”：“墨西哥”
}, {
“姓名”：“剁炒杂烩”，
“城市”：“伯尔尼”，
“国家”：“瑞士”
}, {
“姓名”：“Comércio Mineiro”，
“城市”：“圣保罗”，
“国家”：“巴西”
}];
$scope.employees=员工；
$scope.showHideAddNotes=函数（供应商ID，$index）{
$scope.comments=vendorsId；
angular.forEach（$scope.employees，function（供应商）{
if（vendr.VendID==$scope.comments）{
$scope.showcoment=true；
}
})
}
})

.textarea容器{
位置：相对位置；
}
.textarea容器textarea{
宽度：100%；
身高：100%；
框大小：边框框；
}

{{error}}
名称
城市
国家
{{emp.Name}}

{{vendor.PaymetNotes}
拯救
{{emp.City}
{{emp.Country}

您可以按以下方式进行操作， 我假设

$scope.griddata

作为您的数据对象，它将是一个对象数组

您只需在

$scope.griddata

中循环，向每个对象（每个数组项）添加一个布尔属性，例如

showNotes=false

。因此，默认情况下，在该标志的帮助下，所有行的文本区域最初都将隐藏

$scope.gridData = [
{'note':'Lorem Ipsum is simply dummy text ','showNotes':false},
{'note':'dummy text 2','showNotes':false}
];

$scope.showHideAddNotes = function ($index) {
    $scope.griddata[$index].showNotes = !$scope.griddata[$index].showNotes;
}

然后在

showHideAddNotes（）

函数中，只需根据单击反转标志即可

供参考的小提琴：

注意：除了各个项目的每个标志外，您可以使用全局标志限制一次编辑一行/项目的注释。因此无法打开多个项目的编辑流

---

添加一些您拥有的相关代码或演示？请查看上面ng repeat中的代码，Vendor.VendId来自ng-repeate。嗨，Vaibhav，我添加了代码片段，请检查一下，单击“添加注释”图标后，我需要打开特定行的文本区域，而不是所有行的文本区域。嗨，prashnath，我对你的代码片段做了一些修改。只保留了你所要求的那么多代码。看看：