在ng-show()中计算不工作
Evaluation not working in ng-show()
我试图在ng-repeat
循环内的<li>
标记中放置一个复选标记图标旁边的一些文本。
<ul>
<li ng-repeat="nav in tabs.nav">
{{nav.name}}
<i class="fa fa-check my-checked-icon"
ng-show="$index===selectedIndex"
ng-click="selectNav(nav.index)"></i>
</li>
</ul>
JS
$scope.tabs = {
"navs":[
{
"name":"Lorem Ipsum",
"index":0
},
{
"name":"Adipiscing Elit",
"index":1
},
{
"name":"Ut Lbore et Dolore",
"index":2
}
]
};
var selectedIndex = 1;
$scope.selectNav = function(index){
$scope.selectedIndex = index;
};
CSS .my-checked-icon{
display: none;
}
当我将$index
和selectedIndex
放入{{}}中时,它们都打印出正确的值。我试过不做大括号以及用==
进行评估。
我得到错误
错误:[$parse:lexerr] Lexer错误:表达式[" $index==selectedIndex"]中0-0列["]处的下一个字符意外。
我在其他地方看到过人们这样评估的例子。有什么问题吗?有没有更好的方法在控制器内部实现这个?
试试这个
HTML<ul>
<li ng-repeat="nav in tabs.navs" ng-click="selectNav(nav.index)">
{{nav.name}}
<i class="fa fa-check my-checked-icon"
ng-show="$index===selectedIndex"
></i>
</li>
</ul>
JS
var ncolor;
$scope.tabs = {
"navs":[
{
"name":"Lorem Ipsum",
"index":0
},
{
"name":"Adipiscing Elit",
"index":1
},
{
"name":"Ut Lbore et Dolore",
"index":2
}
]
};
$scope.selectedIndex = 1;
$scope.selectNav = function(index){
$scope.selectedIndex = index;
};
验证中没有任何错误。您将selectedIndex声明为变量。您应该定义为$scope变量。只有这样,你才会看到右边的复选图标。我把ng-click移到了
相关文章:
- 使用web工作程序进行多个并发繁重计算
- Javascript GPA计算器,计算按钮不工作
- 计算三角形面积-作为变量工作,但不作为函数包装
- JQuery图像大小计算没有'不能在Chrome/Safari中工作
- OnFocus 不是工作 JavaScript HTML;不显示对焦时计算和按钮单击时
- Javascript Date() 来计算年龄,而不是按天工作
- Jquery 计算无法正常工作
- Jquery计算数学在小型设备中无法正常工作
- 用javascript制作小费计算器,用户可以在其中输入他们想要的小费百分比并计算按钮;t工作
- 用JavaScript计算2个不同时间表的工作时间
- 不能让JQuery自动计算与PHP一起工作
- 在TextArea的自动大小上调整计算高度,理想地工作吗?(jsfiddle - updated)
- 为什么这个JavaScript函数在网站第一次加载时不能正确计算,但之后工作正常?
- 如何计算两次之间的工作时间
- 在给定日期计算一天的公式可以正常工作,但不适用于某些特定日期
- 流体滑动面板:使其在负载和调整计算值后工作
- 为什么这个继承的例子不能在我的计算机上工作?
- Jquery日期计算不工作的克隆
- 计算总价脚本不工作
- 完全相同的JavaScript代码不工作在本地计算机上