我是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
}
}
}`