Question

我已经打过几次了，我想在条件上选择性地渲染标签但是留下内容。当我有一个可选链接时，我的用例是一个指令，所以我想渲染开始和结束<a>标签，但在任何一种情况下都保留内容。

<a ng-if="condition"><p>Render me always</p></a>

Answer 1

在没有编写自定义指令的情况下在Angular中执行此操作的唯一方法是使用两个ngIf条件：

<a ng-if="condition">
    <p>Render me always</p>
</a>

<p ng-if="!condition">Render me always</p>

Answer 2

看看这个特殊用例，这似乎更像是一个美容问题。 ng-class指令不适用于此吗？

<a ng-class="{'non-link':boolCondition}"><p>...contents</p></a>

CSS负责基本外观＆amp;感觉如此创造一种反映出来的风格，然后你不必担心重复或指令等。

.non-link {
    pointer-events: none;
    cursor: default;
}