Отключить или скрыть ссылку href в зависимости от значения

Question

Отключить или скрыть ссылку href в зависимости от значения

0

Мне нужно либо скрыть или отключить href в этом коде, когда тип пользователя равен 2 (vm.usertype === 2)

    <div class="col-md-4 col-md-4">
        <a href="#/newquote">
            <div class="panel panel-info">
                <div class="panel-heading text-center">
                    <div class="row">
                        <div><h2><i class="fa fa-file-o"></i></h2></div>
                    </div>
                    <div class="row">
                        <div>New Quote</div>
                    </div>
                </div>
            </div>
        </a>
    </div>

Я пытался -

 <div class="col-md-4 col-md-4" ng-disabled="vm.userType=='2'">

но все же включил ссылку

Craig 25 авг. 2015, в 23:36

Источник

Теги:

angularjs

html5

2 ответа

1

Ваша ссылка по-прежнему включена, потому что div как стандартный элемент html не может быть включен или отключен. ng-disable будет работать файлом, если это будет кнопка или переключатель и т.д. Не знаете, как именно вы представляете, что отключенная ссылка будет выглядеть, но если мне нужно будет отобразить для конечного пользователя ссылку, если значение "vm. userType! = '2' ", я бы лучше использовал ng-show =" vm.userType == '2' ", и это отобразит его при необходимости и спрячет его в противном случае.

Diana R 25 авг. 2015, в 18:19

Ещё вопросы

chfumero · Accepted Answer · 2015-08-25T18-46-00.000Z

Вы можете скрыть его, используя ng-hide

<div class="col-md-4 col-md-4" ng-hide="vm.userType=='2'">

или просто не устанавливая href ни к чему

<a ng-href="{{ vm.userType=='2' ? '' : '#/newquote' }}">