сделать href url динамическим с угловым с двумя одинаковыми ссылками href на одну ссылку href

Question

ниже мой html-код, мне нужно, чтобы href был динамическим в зависимости от моего текущего состояния, и вместо двух разных div я могу использовать только один div

<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>

Answer 1

Вы можете использовать ngHref

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

А в вашем контроллере

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

Этот способ немного лучше, потому что эта часть также может быть покрыта юнит-тестами.

Но если вы хотите поместить эту логику в шаблон, проверьте аналогичный вопрос