データタイトルを持つテーブルを隠す

Question

私は以下のようにngTableを持っています。

ロールに基づいてng-ifを使用して最初のセルを非表示にしたかったのです。

私はNG-て添加すると、その後TD（ラジオボタン）の内容が正確に隠されているが、データ・タイトルが画面に表示されたままです

が完全にTDを非表示にすることが可能ですか？

<table ng-table="tableParam" 
    class="table table-striped table-hover table-bordered list-table" id="tableList" 
    fixed-header > 
     <tr ng-repeat="valuesList in $data"> 
      <td ng-if="role=='ADMIN'" data-title="'Select'"> 
        <input type="radio" name="selectRadio" ng-model="selectRadio" ng-value="valuesList" ></input> 
      </td> 
      <td data-title="'Start Date'">{{valuesList.startDate}}</td> 
      <td data-title="'End Date'">{{valuesList.endDate}}</td> 
     </tr> 
</table> 

Answer 1

<table ng-table="tableParam" 
    class="table table-striped table-hover table-bordered list-table" id="tableList" 
    fixed-header > 
     <tr ng-repeat="valuesList in $data"> 
      <td ng-if="role=='ADMIN'" data-title="'Select'"> 
        <input type="radio" name="selectRadio" ng-model="selectRadio" ng-value="valuesList" ></input> 
      </td> 
      <td ng-if="role=='ADMIN'" data-title="'Start Date'">{{valuesList.startDate}}</td> 
      <td ng-if="role=='ADMIN'" data-title="'End Date'">{{valuesList.endDate}}</td> 
     </tr> 
</table> 

これはトリックを行う必要があります。あなたが複数のng-ifを追加したくない場合は、<tbody>内<td>をラップし、<tbody>

Answer 2

にng-ifを適用する私はplunkrを使用して問題を再作成しようとしましたが、できないは問題を再作成するには： http://plnkr.co/edit/xJgzQCXTwBMcS5dptpYN?p=preview

私の識別できないアプリケーションのどこかに問題があるかもしれません。私は以下のソリューションを使用して問題を解決した

は：（適用NG-かのTRまたはDIVタグなどの代わりにTDのに）あなたがすることはできません要するに

<table ng-table="tableParam" 
     class="table table-striped table-hover table-bordered list-table" id="tableList" 
     fixed-header > 
      <tr ng-if="role=='ADMIN'" ng-repeat="valuesList in $data"> 
       <td data-title="'Select'"> 
         <input type="radio" name="selectRadio" ng-model="selectRadio" ng-value="valuesList" ></input> 
       </td> 
       <td data-title="'Start Date'">{{valuesList.startDate}}</td> 
       <td data-title="'End Date'">{{valuesList.endDate}}</td> 
      </tr> 
      <tr ng-if="role=='NOTADMIN'" ng-repeat="valuesList in $data"> 
       <td data-title="'Start Date'">{{valuesList.startDate}}</td> 
       <td data-title="'End Date'">{{valuesList.endDate}}</td> 
      </tr> 
    </table> 

Answer 3

。表が挿入されたときにヘッダー部分が作成されたためです。しかし、あなたはこれを行うことができます：

<table ng-table="tableParam" class="table table-striped table-hover table-bordered list-table" id="tableList" fixed-header> 
    <thead> 
    <tr ng-repeat="valuesList in $data"> 
     <th ng-if="role=='ADMIN'">a</th> 
     <th>b</th> 
     <th>c</th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr ng-repeat="valuesList in $data"> 
     <td ng-if="role=='ADMIN'"> 
     <input type="radio" name="selectRadio" ng-model="selectRadio" ng-value="valuesList"></input> 
     </td> 
     <td>{{valuesList.b}}</td> 
     <td>{{valuesList.c}}</td> 
    </tr> 
    </tbody> 
</table>