使用角度的ng-attr-href来指导用户交互

时间:2015-09-15 21:19:09

标签: javascript html angularjs

所以我要做的是图标(链接),用户已经登录并且识别出属性为true或false。根据该属性是真还是假,当用户单击该图标(链接)时,它将把它们带到2页之一。因此,考虑到角度内的不同指令,我认为我可以使用ng-switch,但这似乎不可行,所以我认为ng-attr-href可以做到这一点。尝试类似的东西(这是伪代码):

<a href="somepage.html" ng-attr-href="object.value: false | goto: "otherpage.html""><span></span></a>

所以这就像if / else,当用户点击图标并且该值为true时,它们会转到一个地方,但如果为false,则转到其他地方。我的困难在于构建它以及其他方式如何/在哪里。

有没有更好的方法来做到这一点,而不是根据我分享的内容进行思考?

非常感谢。

添加,哪里可能出错?:

                    <a ng-href="{{ ppt.Globals.value == 'false' '#/claimEnter' : '#/clearSwipe' }}">
                        <img src="ppt/assets/toolIcons/submiticon.svg" >
                        <p>Submit a Claim for Reimbursement</p>
                    </a>

2 个答案:

答案 0 :(得分:3)

可以在{{}}

中的ng-href表达式中使用三元组
<a ng-href="{{object.value ? 'somepage.html' : 'otherpage.html'}}"> 

答案 1 :(得分:0)

在控制器中放置一个函数来提供值,然后在ng-href中调用它。这种类型的决定是控制者的责任。

ng-href="whereToGo(object.value)"