角度2隐藏，如果不在数组中

Question

我有以下代码来创建单选按钮列表。

<ul class="bankUl">
        <li *ngFor="let optie of vraag.opties; let i = index" class="{{i}}">
            <label class="image-radio">
                <input type="radio" name="fb" value="{{i}}" [(ngModel)]="_quizService.tmpBank" />
                <img [attr.src]="settings.imagePath + '/banken/' + optie.image" alt="{{optie.name}}">
            </label>
        </li>
    </ul>

现在我的组件中有一个像这样的数组

var arr = [1,2,3,4]

现在我想让它成为数组中的每个li类都被隐藏起来。但我不知道从哪里开始。有人有想法吗？

Answer 1

您可以使用ng-class属性

ng-class="{'class-name': ([1, 2, 3, 4].indexOf(i) > -1)}"

Answer 2

<li *ngIf="arr && arr.length>0">

ngIf directive