Question

当用户类型为2（vm.usertype === 2）时，我需要隐藏或禁用此代码中的href

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

但仍然启用了链接

Answer 1

您可以使用ng-hide

隐藏它

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

或者只是没有将href设置为空

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

Answer 2

您的链接仍然处于启用状态，因为div作为标准html元素没有启用或禁用选项。 ng-disable将工作文件，如果它是一个按钮或单选按钮等。不确定你认为禁用的链接是什么样子，但是如果我需要为最终用户显示一个链接，如果值为“vm.userType！='2'”，我会使用更好的ng-show =“ vm.userType =='2'“这将在需要时显示，否则隐藏它。

根据值禁用或隐藏href链接

2 个答案: