用于导航用户的角度三元运算符

时间:2015-09-17 20:02:30

标签: javascript html angularjs

当用户登陆页面时,API中的对象包含bool:

cat

因此,如果“value”为“true”或“false”,则它(链接)将导航到正确的位置。代码:

  "Globals": [
    {
      "key": "HasDebitCard",
      "value": "True"
    }
  ]

但是,当用户点击此链接时,它总是会转到同一个地方,“clearSwipe”,无论“value”是否设置为“True”或“False”。在DOM中,它显示为导航到两个相同的位置:

        <div class="toolTile col-md-3">
            <a ng-href="{{ ppt.Globals.value.True ? '#/claimEnter' : '#/clearSwipe' }}">
                <img src="ppt/assets/toolIcons/submiticon.svg" >
                <p>Submit a Claim for Reimbursement</p>
            </a>
        </div>

不确定为什么它应该以某种方式呈现。我在这里做错了什么?

非常感谢。

1 个答案:

答案 0 :(得分:2)

目前,ppt.Globals.value.True将始终返回undefined。如果要检查ppt.Globals.value是否等于True,请使用以下语法ppt.Globals.value == 'True'

<div class="toolTile col-md-3">
    <a ng-href="{{ ppt.Globals[0].value == 'True' ? '#/claimEnter' : '#/clearSwipe' }}">
        <img src="ppt/assets/toolIcons/submiticon.svg" >
        <p>Submit a Claim for Reimbursement</p>
    </a>
</div>