Angularjs 隐藏具有数据标题的NGTD表

我有一张表，如下所示

我想根据角色使用ng if隐藏第一个单元格

当我添加ng if时，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>

{{valuesList.startDate}
{{valuesList.endDate}

{{valuesList.startDate}
{{valuesList.endDate}

这应该能奏效。如果不想添加多个

ng If

，则将

包装在

中，并在

上应用

ng If

{{valuesList.startDate} {{valuesList.endDate}

---

这应该能奏效。如果不想添加多个

ng If

，请将

包装在

中，并在

上应用

ng If

，我尝试使用plunkr重新创建问题，但无法重新创建问题：

可能是我的应用程序在其他地方出现了一些我无法识别的错误

我已使用以下解决方案解决了该问题：（将ng if应用于tr或div标记等，而不是td）

{{valuesList.startDate}
{{valuesList.endDate}
{{valuesList.startDate}
{{valuesList.endDate}

我试图使用plunkr重新创建问题，但无法重新创建问题：

可能是我的应用程序在其他地方出现了一些我无法识别的错误

我已使用以下解决方案解决了该问题：（将ng if应用于tr或div标记等，而不是td）

{{valuesList.startDate}
{{valuesList.endDate}
{{valuesList.startDate}
{{valuesList.endDate}

简而言之，你不能。因为标题部分是在初始化表时创建的。但是，您可以这样做：

<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>

A.
B
C
{{valuesList.b}
{{valuesList.c}

简而言之，你不能。因为标题部分是在初始化表时创建的。但是，您可以这样做：

<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>

A.
B
C
{{valuesList.b}
{{valuesList.c}

请创建用于隐藏内容的类

<style>
 .hidden {
    display : none
 }
</style>

在这里，我使用了隐藏类add的条件

if role=='Admin'而不是class apply

其他方式，按照您的需要工作

标题类将帮助您在

ng表中隐藏标题

和

ng if

条件下隐藏数据

---

希望它能起作用。

请创建隐藏内容的类

<style>
 .hidden {
    display : none
 }
</style>

在这里，我使用了隐藏类add的条件

if role=='Admin'而不是class apply

其他方式，按照您的需要工作

标题类将帮助您在

ng表中隐藏标题

和

ng if

条件下隐藏数据

---

希望它能起作用。

你能提供一个答案吗？你所说的日期标题仍然可见是什么意思？你能详细说明你的问题吗？@Aravind:我的意思是标题在屏幕上仍然可见，但单选按钮被正确隐藏。你能提供一个吗？日期标题仍然可见是什么意思？你能详细说明你的问题吗？@Aravind:我的意思是标题在屏幕上仍然可见，但是单选按钮被正确隐藏了