如何突出显示ngRepeat中的选定行？
我找不到能帮助我解决Angular中这个简单问题的东西。与位置路径进行比较时，所有答案都与导航栏相关。
我使用list和构建了一个动态表ngRepeat。当我单击一行时，我试图为该行分配一个css类（选中），以突出显示该行已被用户选中的事实，并.selected从先前突出显示的行中删除了该行。
我缺少在选定的行和CSS类分配之间进行绑定的方法。
我在每个row（ul）上应用了代码，ng-click="setSelected()" 但我缺少function应用更改的逻辑。
我的代码-Plunk
我的代码：
var webApp = angular.module('webApp', []);
//controllers
webApp.controller ('VotesCtrl', function ($scope, Votes) {
$scope.votes = Votes;
$scope.statuses = ["Approved","Pending","Trash","Spam"];
$scope.setSelected = function() {
console.log("show");
}
});
//services
webApp.factory('Votes', [function() {
//temporary repository till integration with DB this will be translated into restful get query
var votes = [
{
id: '1',
created: 1381583344653,
updated: '222212',
ratingID: '3',
rate: 5,
ip: '198.168.0.0',
status: 'Pending',
},
{
id: '111',
created: 1381583344653,
updated: '222212',
ratingID: '4',
rate: 5,
ip: '198.168.0.1',
status: 'Spam'
},
{
id: '2',
created: 1382387322693,
updated: '222212',
ratingID: '3',
rate: 1,
ip: '198.168.0.2',
status: 'Approved'
},
{
id: '4',
created: 1382387322693,
updated: '222212',
ratingID: '3',
rate: 1,
ip: '198.168.0.3',
status: 'Spam'
}
];
return votes;
}]);
我的HTML：
<body ng-controller='VotesCtrl'>
<div>
<ul>
<li class="created">
<a>CREATED</a>
</li>
<li class="ip">
<b>IP ADDRESS</b>
</li>
<li class="status">
<b>STATUS</b>
</li>
</ul>
<ul ng-repeat="vote in votes" ng-click="setSelected()">
<li class="created">
{{vote.created|date}}
</li>
<li class="ip">
{{vote.ip}}
</li>
<li class="status">
{{vote.status}}
</li>
</ul>
</div>
</body>
我的CSS（仅选定的类）：
.selected {
background-color: red;
}
问题答案：
每行都有一个ID。您要做的就是将该ID发送给函数setSelected()，将其存储（$scope.idSelectedVote例如），然后检查每一行是否所选ID与当前ID相同。这里是一个解决方案（见文档的ngClass，如果需要的话）：
$scope.idSelectedVote = null;
$scope.setSelected = function (idSelectedVote) {
$scope.idSelectedVote = idSelectedVote;
};
<ul ng-repeat="vote in votes" ng-click="setSelected(vote.id)" ng-class="{selected: vote.id === idSelectedVote}">
...
</ul>
[Plunker](http://plnkr.co/edit/SkaYSbtKFdx1I9N0xP5E?p=preview)
-
我使用gridview在我的gridview中选择多个项目（图像）。 我使用< code > MultiChoiceModeListener 来实现这一点，问题是选中的项目没有突出显示 选择器xml: 当我触摸一个项目时，它被蓝色覆盖(我认为这是因为我使用了< code > GridView . setdrawselectorontop(true)；)...我一抬起手指，蓝色就消失了。 我希望选择
-
我有一个Gridview，当我按下某个元素时，我想绘制背景。 我有一个适配器来动态加载gridview元素。我在适配器上有一个侦听器。在这个侦听器上，我用我想要的颜色放置背景，但它也会在列表中绘制另一个元素（我猜是在视图重新加载后，位置相同的元素）。 重要提示：我的最小API是9，我无法真正更改它。 以下是我的 getView 方法的代码（来自适配器）： 下面是线性布局的侦听器（表示每个项目）：
-
我在我的应用程序中使用了可以在android工作室添加的抽屉菜单，我在导航抽屉中添加了一些菜单条目（参见代码块）。如果我按下第一个项目（nav_home）或第二个，导航抽屉会突出显示当前按下的项目。 如果我按下项目“nav_information”按钮或其他项目，则会打开新的（单击的）片段，并且看不到突出显示（主页或第二个项目仍突出显示） 很快，只有第一个项目在选定的项目上显示突出显示。 这是我处
-
实际行为 预期行为 至于我使用的代码，主加载了一个，其中调度页是真正的罪魁祸首，扩展了Xamarin.Forms.TabbedPage。SelectedPage被正确设置（加载正确的contentpage)，但选项卡没有突出显示。 null
-
我有一个从内部存储器加载图像的回收器视图。我想在单击时突出显示所选项。我试了很多方法，但都不起作用。实际上，我需要的是，当我在Recycler视图中单击任何项目时，该项目必须进入我的ArrayList，它也应该突出显示，当我单击或说unselect时，它必须再次变为正常。以下是我的代码: 这是我的适配器类：
-
问题内容： 每当单元格的内容与用户的输入匹配时，我都希望突出显示JTable中的特定行。以下代码是我到目前为止可以使用的代码： 注意：是在源文件中全局作用域。 现在，此操作在某种程度上可行，但是我将其添加到内的。JTables是在程序运行时动态创建的。但是，该方法会使所有已创建的JTables中的所有特定单元格突出显示。 如何在所有JTable中保留单元格以保留其特定的突出显示单元，而不是让所有J