Javascript 单击离子项目时，高亮显示由ng repeat动态创建的离子项目

我必须在点击离子项目时突出显示由ng repeat动态创建的离子项目。我尝试为每个项目分配一个id，然后将id传递给ng click函数，该函数将根据要求突出显示颜色。但是颜色没有改变。我是否遗漏了什么

以下是html代码-

`<ion-item id="{{WindReports.menuitemid}}" ng-repeat="WindReports in $root.UserWindAccess" menu-close href="{{WindReports.cAction}}" style="border : none !important;" ng-click="setClickedRow(WindReports.menuitemid)">
                            {{WindReports.cMenuName }}
</ion-item>

---

您可以将

ng class

与

someVariable

一起使用。然后单击行，切换

someVariable

。就这样..我猜你错过了函数中的引号<代码>document.getElementById（index.style.backgroundColor=“红色”@PankajParkar也根据以下链接这样做了-没有结果。@lexith没有运气。也这样做了。用普通的div替换你的离子项目进行测试。我不知道现在离子项是如何工作的，但它可能有一个子容器，您必须对它进行样式化，而不是指令本身。

$scope.setClickedRow = function (index) {
        document.getElementById(index).style.backgroundColor = red;
    }