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

标签 javascript angularjs

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

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

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

但是,我如何使用 ng-show 来显示绑定(bind)数据何时包含特定值,例如“Current”。例如,如果我的 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>

最佳答案

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

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

关于javascript - ng-show/hide - 基于字符串中的子字符串,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24259705/

相关文章:

javascript - 在另一个服务调用中使用一个服务调用的结果(Angular)

javascript - 在 AngularJS 中将表单包装在弹出窗口中

javascript - TypeError : $(. ..).carousel 不是函数

javascript - 为什么成功 promise 的链式回调在成功和失败时都会执行?

javascript - 有没有办法在 React 中每次状态更改时不重新加载 Canvas 的一部分?

javascript - javascript 函数后面括号中的参数

javascript - 使用 Angular.js 的 ng-repeat 创建动态链接

javascript - Vue Cli 3 项目不会生成 manifest.json (PWA)

javascript - 如何在背景更改时更改文本颜色?

javascript - 操作 NG-REPEAT 的第一个元素