Question

我试图根据特定情况隐藏几个字段。这是我的代码。它工作正常。

运作良好的代码。

 <table  class="my-data-table my-alternating"
                style="table-layout: fixed; word-wrap: break-word; width: 100%;"
                data-widget="datatable" data-scrollaxis="x"  >
                <thead>
                    <tr>
                        <th width="50%" colspan="3" translate="Total"></th>
                        <th width="20%" style="text-align:right">{{pricingData.totallistprice | formatCurrency : "" : pricingData.precision}}</th>

                        <th width="20%" style="text-align:right" data-ng-hide="pricingData.hidevsprice=='true'">{{pricingData.sellerprice | formatCurrency : "" : pricingData.precision}}</th>
                        <th width="10%" style="text-align:right" data-ng-hide="pricingData.hidevsprice=='true'">{{.pricingData.totalsellerdiscount | formatCurrency : "" : "2"}}</th> 

                    </tr>
                </thead>                
            </table>

但是当我试图将我的标签包装在div容器中时，字段是可见的。

不起作用的代码

<div data-ng-hide="pricingData.hidevsprice=='true'">
                        <th width="20%" style="text-align:right" >{{pricingData.totalsellerprice | formatCurrency : "" : pricingData.precision}}</th>
                        <th width="10%" style="text-align:right" data-ng-hide="pricingData.hidevsprice=='true'">{{pricingData.totalvaluesellerdiscount | formatCurrency : "" : "2"}}</th> 
                        </div>

有没有更好的方法可以同时支持这两个标签，或者我必须在桌面级别通过条件？

如何使用data-ng-hide隐藏2个或更多表头

0 个答案: