gpt4 book ai didi

angularjs - 如何与 ng-class 中的字符串进行比较?

转载 作者:行者123 更新时间:2023-12-04 12:57:42 26 4
gpt4 key购买 nike

这条线似乎对我不起作用。

Sort By: <a href="" ng-click="setOrder('title')" ng-class="{active: orderProp == 'title'}">Alphabetical</a>

我必须以某种方式在 orderProp == 'title' 中转义 'title' 吗?

在 Controller 中我有
...
$scope.orderProp = 'title';
$scope.setOrder = function(sortBy){
$scope.orderProp = sortBy;
}
...

谢谢

更新: 使用 v1.3.0-beta.17

添加 ng-class="{active:orderProp=='pagetitle'}
<a href="" ng-click="setOrder('pagetitle')" ng-class="{active:orderProp=='pagetitle'}">Alphabetical</a>

抛出错误
"Error: [$parse:syntax] http://errors.angularjs.org/1.3.0-beta.17/$parse/syntax?p0=undefined&p1=not%20a%20primary%20expression&p2=null&p3=%7Bactive%3AorderProp%3D%3D&p4=%7Bactive%3AorderProp%3D%3D

很抱歉我提出错误的方式,但我上周才开始使用 angular 并且不知道更好的方法

更新 2:
错误似乎来自 = == ===。我试过 > 并没有发生错误。是否有另一种语法来喜欢 eq?

更新 3 解决

我将每个字符串映射到一个 int pagetile->1 code->2 + data-ng-class="{active:orderPropIdx==1};"
在 Controller 内部,如果 pagetitle 将 active:orderPropIdx 设置为 1 等等

也许这是 angular 1.3 中的一个错误

最佳答案

正如评论中所述,您的类名应该用单引号括起来。
ng-class="{'active': orderProp == 'title'}">
这种比较区分大小写。

关于angularjs - 如何与 ng-class 中的字符串进行比较?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25192094/

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