时间戳

首页 > 解决方案 > 如果没有 URL，让我的代码充当 ap 标签而不是链接

angularjs - 如果没有 URL，让我的代码充当 ap 标签而不是链接

问题描述

我对 angularJs 比较陌生，所以我正在尝试学习如何做不同的事情。如果没有为 solutionUrl1 输入 URL，我一直在尝试让 solutionName 充当 ap 标签，目前 solutionName 的行为就好像它是超链接的，即使它不是。任何帮助，将不胜感激。

    <a ng-href="{{::data.solutionUrl1}}" class="card__title" style="text-align: center">
        <span>{{::data.solutionName}}</span>
    </a>

标签： angularjs

解决方案

使用ng-if 的 angularjs来渲染一个或另一个：

像这样，您很可能必须更改条件以满足您的需求。您还可以在 JS 文件中创建一个新变量，例如showLink，根据某些条件将此变量设置为 true/false。然后只需使用此布尔变量通过以下概述的方法显示/隐藏链接：

<div ng-if="data.solutionUrl1">
    <!-- code to render the link-->
</div>
<div ng-if="!data.solutionUrl1">
    <!-- code to render just the span without the link -->
</div>

推荐阅读