angularjs - angularリピーターのループ中にif条件を追加する方法

Question

<ul ng-repeat="lay in lays">
    <li ng-repeat="color in colors">

    </li>
</ul>

このループは非常にうまく機能します。ループ中に if 条件を追加したいと思います。

if(lay == 0 && $index == 0){ {{color}} } else{ "white" }

Answer 1

このような関数を使用できます

<ul ng-repeat="lay in lays">
    <li ng-repeat="color in colors">{{render(lay, $index, color)}}</li>
</ul>

$scope.render = function (lay, index, color) {
    if (lay == 0 && index == 0) return color;
    else return "white";
}

Answer 2

私の意見では、コントローラーでデータをフィルタリングする必要があります。これは、より包括的で、より適切に維持されます。

Answer 3

<ul ng-repeat="lay in lays">
    <li ng-repeat="color in colors">
        {{ (lay == 0) && (($index == 0) && color || "white") || "white" }}
    </li>
</ul>

コントローラーを使用する必要はありません。