Question

I have a question aboout angular 2 and ts. Is iT possible to display content of table cell only when the cell width will be resized ? And hide when back to normal width ?

<td class='month-inner'*ngFor="let dates of monthDate; #idx = first" [style.padding-left]="idx === true ? '54px' : ''" >
  <tr style='background-color:#3670af;' >
      <td colspan="3" >{{dates.yearMonth}}</td>
    </tr>
    <tr>                                                                                                                            
      <th>Ov</th>
      <th>Ov_min</th>
      <th>Pic_Min</th>
  </tr>

I want to everything inside "< td class='month-inner' >"shows when width grow. I still lerning angular 2 and ts and dont have any ide how to do it

Answer 1

我认为这有两部分答案。

是否在单元格宽度调整时抛出了DOM事件？所以这是所有可能的DOM事件的列表。 https://developer.mozilla.org/en-US/docs/Web/Events有调整大小事件，但调整大小是在文档视图调整大小而不是具体对于细胞。
鉴于DOM事件如何将其绑定到Angular 2中的函数这样你就可以采取行动了吗？这可以通过此处显示https://angular.io/docs/ts/latest/guide/user-input.html尽可能实现在这个例子中，他们提供了一种绑定事件的方法功能

Angular 2 Ts possible event on table cell resize

1 个答案: