Question

所以如果我的JSON数组对象返回这个：

"Tools": [
{
  "name": "Submit a Claim",
  "position": 1,
  "isOn": true,
  "alert": null
},
{
  "name": "My Recurring Claims",
  "position": 2,
  "isOn": true,
  "alert": null
},
{
  "name": "Online Enrollment",
  "position": 3,
  "isOn": false,
  "alert": "Online enrollment is available for the upcoming plan year. Click here to enroll!"
},

我的ng-show html有这个：

<div class="toolTile col-md-3" ng-show="Tools.name = 'Online Enrollment' && Tools.isOn==true ">
    <a href="#/claimEnter">
        <img class="toolIcon" src="ppt/assets/toolIcons/oe.svg">
        <p>Online Enrollment</p>
    </a>
</div>
<div class="toolTile col-md-3" ng-show="Tools.name = 'Submit a Claim' && Tools.isOn==true ">
    <a ng-click="transId()" ng-href="{{ ppt.Globals.hasDebitCard ? '#/claimEnter' : '#/claimSub' }}" >
        <img src="ppt/assets/toolIcons/submitclaim.svg" >
        <p>Submit a Claim</p>
    </a>
</div>

为什么评价为假？我已经尝试了很多变化，并且“在线注册”应该隐藏，而“提交索赔”应该显示。

我在这里做错了什么想法？

非常感谢。

Answer 1

嗨，你不能用头和尾发布代码。有一些   导致问题的语法错误。

至少在某些帮助下你需要提供带有Buggy Code的侦察员:-)。

当你在对象中得到一个数组时，你需要迭代它。

我为你提供了一个正在运行的Plunker： -

    <div ng-repeat="tool in data.Tools">
               <div ng-show="tool.name == 'Online Enrollment' && tool.isOn==false ">
                    Online Enrollment
                </div>

                <div ng-show="tool.name == 'Submit a Claim' && tool.isOn == true ">
                   Submit a Claim
                </div>

                </div>

Plunker： -

http://plnkr.co/edit/B01pKWLsUtA2JlTAPOd5?p=preview

祝你好运！让我知道你的查询，如果有的话！

Angular ng-show无法正确评估

1 个答案: