我正在制作一个基本的琐事应用程序,而我从客户端收到的 JSON 数据不允许我重复琐事页面上的选择。我有六个静态元素,它们根据前几页的过滤数据(类别选择等)显示我的选择。如果不随机排序这些元素,获胜的选择总是在同一个位置。
我想在 CSS 中使用 Flexbox 的“order”属性来完成这项工作。我想生成 1 到 6 之间的随机数,然后将它们分配给每个选项。我在想 ng-style 会是我的朋友,我可以简单地为每个选项调用一个函数,该函数将吐出 1 到 6 之间的随机数并将 CSS order 属性分配给该随机数。
我已经能够在每个选择上调用一个函数,但是它为每个元素分配了相同的“随机”数字,这无济于事。我基本上想做类似以下的事情,但它会引发无限摘要循环错误或“a.replace 不是函数”错误。
如果有人能帮我解决这个问题,我会非常高兴。谢谢!!
AngularJS:
$scope.randomOrder = function(){
$scope.randomNum = Math.floor(Math.random() * 6) + 1;
return{
"order": $scope.randomNum
}
}
HTML:
<div ng-style="randomOrder()"></div>