Как скрыть и показать столбец в AngularJs? - PullRequest
Новая
       43

Как скрыть и показать столбец в AngularJs?

0 голосов
/ 29 апреля 2020

У меня проблема со скрытием столбца в AngularJs, я пробовал с ng-hide, ng-show и ng-if, и это не сработало, вот мой код:

в файле HTML 

<table>
  <thead>
    <tr>
       <th>
         <span> th 1 </span>
       </th>
       <th ng-hide="!ctrl.showSecondColumn()">
         <span> th 2 </span>
       </th>
       <th>
         <span> th 3 </span>
       </th>
    </tr>
  </thead>
  <tbody>
    <tr>
       <td>
         <span> td 1 </span>
       </td>
       <td ng-hide="!ctrl.showSecondColumn()">
         <span> td 2 </span>
       </td>
       <td>
         <span> td 3 </span>
       </td>
    </tr>
  </tbody>
</table>

in the ts file

showSecondColumn(): boolean {
   if (condition) {
     return false;
   }
  return true;
}

Примечание: если я изменю метод showSecondColumn () в ordre, чтобы он возвращал false в начале (условие == true), столбец исчезнет и не будет появиться снова (конечно, условие будет ложным во втором вызове)

...