javascript - 如何在显示列表中是否定义了项目时使用ng-if

我试图在列表中选择一个项目时使用ng-if以了解是否已定义该项目
这是我的角度代码

function ($scope) {
    var dirlist = this;
    dirlist.list = [{
            name: 'laugh',
            time: 10
        },
        {
            name: 'eat',
            time: 12
        }, {
            name: 'work out',
            time: 11
        }, {
            name: 'make something',
            time: 13
        }];
}

我想问一下列表中是否包含一个名为heo的名称
使用它向其中添加暴力
html

<div ng-if="dirlist.list.indexof(hio)!== -1 "  class="list-item">
    <audio controls autoplay>
        <source src="audio\Hio Hio Hio.mp3" type="audio/mpeg">
    </audio>
</div>

最佳答案

您需要编写一个函数来检查数组中每个对象的name属性。如果找到“ hio”，则返回true。

function checkHio(){
    for (var i=0; i < dirlist.list.length; i++) {
        if (dirlist.list[i].name === 'hio') {
            return true;
        }
    }
  return false;
}

然后，您可以在ng-if指令中调用此函数。

<div ng-if="checkHio()"  class="list-item">
    <audio controls autoplay>
        <source src="audio\Hio Hio Hio.mp3" type="audio/mpeg">
    </audio>
</div>