有条件申请课程的最佳方式是什么?

假设你有一个在ul中呈现的数组，每个元素都有一个li，控制器上有一个名为selectedIndex的属性。在AngularJS中，用索引selectedIndex向li中添加类的最好方法是什么?

我目前复制(手工)li代码，并将类添加到li标记之一，并使用ng-show和ng-hide只显示每个索引一个li。

当前回答

我建议你用一个返回true或false的函数来检查控制器中的条件。

<div class="week-wrap" ng-class="{today: getTodayForHighLight(todayDate, day.date)}">{{day.date}}</div>

在你的控制器中检查情况

$scope.getTodayForHighLight = function(today, date){
return (today == date);
}

其他回答

我理解这个问题是针对angular的，但如果有人在使用React或基于React的框架(Amplify、NextJS、Serverless等)，解决方案就简单多了。最有效的方法是使用这样的三元运算符:

<div className={condition ? "classnameiftrue" : "classnameiffalse"}>

如果使用useState()，您可以使用此策略来动画树，因为每次状态改变时，它都会用新值重新加载该条件。

检查这个。

臭名昭著的AngularJS if|else语句!! 当我开始使用Angularjs时，我有点惊讶地发现我找不到if/else语句。

所以我在一个项目上工作，我注意到当使用if/else语句时，条件显示在加载时。您可以使用ng-cloak来修复这个问题。

<div class="ng-cloak">
 <p ng-show="statement">Show this line</span>
 <p ng-hide="statement">Show this line instead</span>
</div>

.ng-斗篷{显示:none}

由于火绒

我最喜欢的方法是使用三元表达式。

ng-class="condition ? 'trueClass' : 'falseClass'"

注意:如果你使用的是旧版本的Angular，你应该使用这个，

ng-class="condition && 'trueClass' || 'falseClass'"

我最近做的是这样的:

<input type="password"  placeholder="Enter your password"
ng-class="{true: 'form-control isActive', false: 'isNotActive'}[isShowing]">

isshows值是位于我的控制器上的值，可以通过单击按钮进行切换，单括号之间的部分是我在css文件中创建的类。

编辑:我还想补充一点，codeschool.com有一个免费的课程，由谷歌赞助，在AngularJS上，涵盖了所有这些东西。不需要支付任何东西，只是注册一个帐户，然后开始! 祝大家好运!

Ng-class支持必须求值为任意一个的表达式

以空格分隔的类名字符串，或者类名数组，或类名到布尔值的映射/对象。

因此，使用表单3，我们可以简单地写

ng-class="{'selected': $index==selectedIndex}"

参见如何在AngularJS中有条件地应用CSS样式?更广泛的答案。

更新:Angular 1.1.5增加了对三元操作符的支持，所以如果你对这个结构更熟悉的话:

ng-class="($index==selectedIndex) ? 'selected' : ''"

推荐文章