使带有两个相同href链接的单个href链接的href URL动态化 [英] make href url dynamic with angular with two same href link to a single href link

问题描述

下面是我的html代码，我需要href应该根据我的当前状态动态变化，而不是使用两个不同的div，而只能使用一个div

below is my html code, I need href should be dynamic based on my current state and instead of using two different divs I can with one div only

<div ng-if="ctrl.currentState == 'employee'">
    <small><a href="/createQuote" title="Change Settings"></a></small>
</div>
<div ng-if="ctrl.currentState == 'fleetmanager'">
        <small><a href="/createQuote/fleetmanager" title="Change Settings"></a></small>
</div>

推荐答案

您可以使用ngHref

<small><a ng-href="{{myLink}}" title="Change Settings"></a></small>

在您的控制器中

$scope.myLink = $scope.currentState == 'employee' ? '/createQuote' : '/createQuote/fleetmanager';

这种方法要好一些，因为该部分也可以用单元测试覆盖.

This way is a bit better, because this part can be covered with unit tests as well.

但是，如果您想将此逻辑放入模板中，请签出类似的问题

But if you want to place this logic into template, check out similar question

这篇关于使带有两个相同href链接的单个href链接的href URL动态化的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！