ng-show / hide - 基于字符串中的子字符串

时间:2014-06-17 09:03:22

标签: javascript angularjs

当我的绑定数据包含特定的单词或文本时,我熟悉使用 ng-show ng-hide 。例如:

<div ng-show="myArray.Length > 20">
    Show something
</div>

<div ng-show="myData.Name == 'Harry Roberts'">
    Show something
</div>

但是,如何使用ng-show来显示绑定数据何时包含特定值,例如&#39;当前&#39;。例如,如果我的JSON数据:

{
    "MyAddresses": [
        {
            "Entry"  : "1",
            "Period" : "2011 - current",

        }, {
            "Entry"  : "2",
            "Period" : "2003 - 2011",

        }, {
            "Entry"  : "3",
            "Period" : "1998 - 2001",

        }
    ]
}


<div ng-show="myData.MyAddresses.Period ~ 'Current'">
    Show something
</div>

2 个答案:

答案 0 :(得分:9)

使用函数indexOf搜索字符串中的子字符串。它将返回搜索字符串的位置(如果找到)或将返回-1。

因此,您可以使用myData.MyAddresses.Period.indexOf('Current') != -1之类的表达式来显示/隐藏数据

答案 1 :(得分:2)

下面的代码可供我检查子字符串

<div ng-show = "address.indexOf('expected string')!=-1"> Show something​ </div>