上添加删除HTML标签链接NG-IF函数

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 
}