Directive element add remove based on condion

[Charuka Wijesinghe]

I have below problem

<table>

<tr>

<th> Name </th>

<th> Rate </th>

</tr>

<tr>

<th>  item1 </th>

<th> USD1200 </th>

</tr>

</table>

i need to hide rate column base on my java script variable value let say "var hide = true;"

base on this variable values that column should display/hide

Any Idea?????

[Mic (BeeBole)]

You can use an attribute style on the TH that will be either 'display:none' or '' (empty string).

Using a class rate, for instance, to find the correct TH.

Something like:

<table>
<tr>
<th> Name </th>

<th class="rate"> Rate </th>
</tr>
...

'.rate@style':function(){
  return this.hide ? 'display:none' : '';
}