在 ng-if 函数上添加移除 html 标签 link

Question

html:

<a data-ng-if="price" data-ng-click="selected(price)">
    <div>
        ...
    </div>
</a>

我想删除 <a></a> 如果 data-ng-if="!price"

有谁知道正确的做法吗？

Answer 1

有两种选择，第一种是将内部内容移动到脚本中并在两个地方呈现：

<script type="text/ng-template" id="main-content.html">
      <div>...your inner content</div>
</script>

<a ng-if="price" data-ng-click="selected(price)">
    <div ng-include="'main-content.html'"></div>
</a>

<div ng-if="!price" ng-include="'main-content.html'"></div>

第二种方法是，您可以使用 CSS 使其不可点击：

<a ng-class="{no-price: !price}" data-ng-click="selected(price)">
    <div>
        ...
    </div>
</a>

在你的CSS中：

a.no-price, a.no-price:hover, a.no-price:visited, a.no-price:focus {
    color: black;    // normal color
    pointer-events: none;    // no clickable
    text-decoration: none;    // No link feel
}

在 ng-if 函数上添加移除 html 标签 link

adding removing html tag link on a ng-if function

javascript

angularjs