选择角度智能表的所有复选框功能

时间:2019-06-18 05:35:02

标签: angular typescript

我是angular的新手,我正在尝试实现全选复选框功能,我试图选择表的所有行,但仅选择当前页面行。任何帮助将不胜感激。

内部HTML

`<ng2-smart-table [settings]="settings" [source]="data" (userRowSelect)="onRowSelect($event)"></ng2-smart-table>   `

在.TS文件中

下面的代码选择标题

`onRowSelect(event) {
    console.log(event);
    const inputs = document.getElementsByTagName('th');
    if (inputs[0].attributes[3].nodeValue === 'false') {
     this.checkedSelectAll = 1;
    } else if (inputs[0].attributes[3].nodeValue === 'true') {
      this.checkedSelectAll = 0;
    }
  }`

通过使用checkedSelectAll做下面的事情

`@HostListener('click') onclick() {
    let a = document.getElementsByClassName('page-link');
    let b = document.querySelector('input');
    const inputs = document.querySelector('input');
    const header = document.getElementsByTagName('th'); 

    // true when user clicks on thead
    if (this.checkedSelectAll === 1) {
      const g = document.getElementsByTagName("input")
      for (let i = 0; i < g.length; i++) {
        g[i].checked = true
      }
    }
  }`

0 个答案:

没有答案