Question

我开始说我对Angular几乎一无所知，但是我被要求麻烦拍摄它。

最终输出是基于同位素的显示，在第一项之后，其余项目需要一个或两个尺寸。随机添加大尺寸类（largeIsR）。

这是代码段

ng-class='{largeIs:$first, adTile: TripIdea.AdTile == true, **largeIsR:$index == randomNum** && TripIdea.AdTile == false && !$first}'

粗体部分是randomportion发生的地方。我给出的反馈是，它不够随机。所以我们需要更多的大尺寸显示。

由于我们需要在同位素踢入之前添加的largeIsR分类，我在使用普通javascript尝试它时犹豫不决。

那么，有人能指出我可以利用的一个例子吗？

干杯！

Answer 1

在angular中，ng-class将追加对象的公式为真的所有类（如您所拥有的示例中）。我会将largeIsR:$index == randomNum && TripIdea.AdTile == false && !$first更改为函数并将其放在范围上。找到您正在使用的视图的控制器，并添加此...

$scope.isLargeIsR = function(){ /*Your random function that returns true or false*/}

然后将您的HTML更改为ng-class='{largeIs:$first, adTile: TripIdea.AdTile == true, largeIsR:isLargeIsR() && TripIdea.AdTile == false && !$first}'

将一个css类添加到AngularJS中的随机项

1 个答案: