angularjs - (AngularJS) ng-repeat なしで div 内の子をランダムに並べ替える方法

Question

基本的なトリビア アプリケーションを作成していますが、クライアントから受け取った JSON データでは、トリビア ページで選択肢を ng-repeat することができません。前のページ (カテゴリの選択など) からフィルター処理されたデータに基づいて選択を表示する 6 つの静的要素があります。これらの要素を無作為に並べなくても、勝者の選択は常に同じ場所にあります。

CSSでFlexboxの「order」プロパティを使用してこれを実現したいと思います。1 から 6 までの乱数を生成し、各選択肢に割り当てたいと考えています。ここでは ng-style が私の友人になると考えていました。1 から 6 までの乱数を吐き出し、その乱数に CSS の order プロパティを割り当てる関数を選択肢ごとに呼び出すだけで済みます。

選択肢ごとに関数を呼び出すことができましたが、同じ「乱数」を各要素に割り当てるため、役に立ちません。基本的に次のようなことをしたいのですが、無限ダイジェストループエラーまたは「a.replace is not a function」エラーがスローされます。

誰かがこれで私を助けることができれば、私は無限に幸せになるでしょう. ありがとうございました！！

AngularJS:

    $scope.randomOrder = function(){
        $scope.randomNum = Math.floor(Math.random() * 6) + 1;
        return{
            "order": $scope.randomNum
        }
    }

HTML:

<div ng-style="randomOrder()"></div>