Question

我显示的桌子有count coulmn＆amp;此count具有<a>标记，其中href为页面。我想显示所有count > 0的链接，并禁用count=0。

我已经尝试AngularJS - ng-disabled not working for Anchor tag并且知道使用ng-disabled是没有用的。

使用ng-class会有所帮助，但我无法在ng-class中指定条件。

P.S。我希望cursor:not-allowed本身写入ng-class。无法改变CSS

这是我的HTML代码

<tr ng-repeat="service in services">
    <td>{{$index+1}}</td>
    <td>{{service.serviceName}}</td>
    <td><a href="#/info/{{service.id}}">{{service.numberOfScenarios}}</a></td>
</tr>

numberOfScenarios显示count。

Answer 1

如果您只想显示基本信息，请使用ng-show。

如果您想申请任何课程，请使用ng-class。 cursor:not-allowed是CSS，如果您已在某个类上使用它，则ng-class="{'yourclassname':angular-condition}"

应用它

您也可以使用以下内容：

<td>
    <a ng-href="#/info/{{service.id}}" ng-show="service.numberOfScenarios > 0"><span ng-bind="service.numberOfScenarios></span></a>
</td>

service.numberOfScenarios === 0不会显示该链接。那时应该不需要添加CSS。

<强>更新

<td>
    <a ng-href="#/info/{{service.id}}" ng-show="service.numberOfScenarios > 0">
        <span ng-bind="service.numberOfScenarios"></span>
    </a>
    <span ng-show="service.numberOfScenarios === 0" ng-bind="service.numberOfScenarios" style="cursor:not-allowed;"></span>
</td>

Answer 2

您可以使用devjsp建议来隐藏链接。

或者你可以使用这样的东西。

<a ng-href="count > 0 ? '#/info/{{service.id}}' : ''">Google</a>

<强>更新

<span ng-show="count > 0">
    <a href="#/info/{{service.id}}">Link</a>
</span>
<span ng-show="count === 0" class="notAllowedClass">
    0 <!-- As you suggested in another answer that you want to show 0 count -->
</span>

使用ng-class和条件禁用锚标记

2 个答案: