html - 如何重置 ng-multiselect-dropdown
问题描述
我想重置 ng-multiselect-dropdown。有必要把它放在一个表格中吗?
代码 -
app.component.html
<div>
<p id = "node">Select a Root API Object - </p>
<p style="width:50%">
<ng-multiselect-dropdown [placeholder]="'Select Root API Object'" [data]="dropdownListRoot" [(ngModel)]="selectedItemsRoot" [settings]="dropdownSettingsRoot"
(onSelect)="onItemSelectRoot($event)" (onSelectAll)="onSelectAllRoot($event)">
</ng-multiselect-dropdown>
</p>
</div>
app.component.ts
export class HierarchySearchComponent implements OnInit {
onItemSelectRoot(item: any) {
this.onlyRootItemSelect = true; // for cypher also.
console.log(item);
this.rootItem = item;
this.nodeSelect = true;
this.rootItemText = this.rootItem.item_text;
console.log("this.rootItemText = ", this.rootItemText);
}
onSelectAllRoot(items: any) {
console.log("On Item select all" + items);
this.nodeSelect = true;
}
}
解决方案
没有必要把它放在形式上。只需将 selectedItemsRoot 数组设为空即可。从元素/上下文中调用此函数 resetSelection()。如果您使用按钮清除选择,它可以是
.html
`<button (click)="resetSelection()" >clear</button>`
.ts
resetSelection() {
this.selectedItemsRoot = [];
}
推荐阅读
- jquery - 我需要帮助使用带有 ajax 成功功能的 if 语句
- mysql - 如何删除已满 18 岁的员工 - mysql?
- string - 替换出现两次的字符串部分 Oracle
- linux - 如何将传出的 TCP 记录到 IP 而不是 (HTTP) iptables
- windows-10 - Windows 10 上虚拟 COM 端口上的 USB 访问之间的长时间暂停
- swift - 在 SwiftUI 中的文本字段或文本编辑器中获取突出显示的文本
- javascript - 如何使用 mustache 注入 html
- regex - 我可以在 DataGrip 中添加与 Python 命名参数字符串模式匹配的参数模式吗?
- python - 当第一个数字出现时如何在 Pandas 中拆分一列
- python - Python TCP劫持攻击在Linux上创建目录