Angular ngx treeview选择一个父项下的所有子项

Angular ngx treeview选择一个父项下的所有子项,angular,ngx-treeview,Angular,Ngx Treeview,在Angular 5应用程序中,我在下拉列表中使用ngx treeview。我想添加一个图标来选择某个特定父项下的子项 <ngx-treeview [config]="config" (selectedChange)="selectItem()" [items]="Items"></ngx-treeview> 提前感谢在模板中,您可以使用“itemTemplate” <ngx-treeview [config]="config" (selectedChange

在Angular 5应用程序中,我在下拉列表中使用ngx treeview。我想添加一个图标来选择某个特定父项下的子项

<ngx-treeview [config]="config" (selectedChange)="selectItem()" [items]="Items"></ngx-treeview>


提前感谢

在模板中,您可以使用“itemTemplate

<ngx-treeview [config]="config" (selectedChange)="selectItem()" [items]="Items" [itemTemplate]="itemTemplate">


我们不是来为你编码的。给我们看看你的代码。然后我们可以帮助您找到解决方案。谢谢Mayura,我在ts文件中找不到selectChildren()函数。在组件中使用递归函数
<ng-template #itemTemplate let-item="item" let-onCollapseExpand="onCollapseExpand" let-onCheckedChange="onCheckedChange">

<div class="form-inline row-item">

    <i *ngIf="item.children" (click)="onCollapseExpand()" aria-hidden="true" class="fa" [class.fa-caret-right]="item.collapsed" class.fa-caret-down]="!item.collapsed"></i>

    <div class="form-check">

        <input type="checkbox" class="form-check-input" [(ngModel)]="item.checked" (ngModelChange)="onCheckedChange()" [disabled]="item.disabled" [indeterminate]="item.indeterminate" />

        <label class="form-check-label" (click)="item.checked = !item.checked; onCheckedChange()"> {{item.title}} </label>

        <label class="form-check-label">

            <section *ngIf="item.children">
                <img class="icon icon-w tree-view-all" src="assets/img/checked.svg" *ngIf="item.checked && item.internalChecked" (click)="selectChildren(item)" />
                <img class="icon icon-w tree-view-all" src="assets/img/unchecked.svg" *ngIf="!item.checked || !item.internalChecked" (click)="selectChildren(item)" />
            </section>

        </label>

    </div>

</div>
import { TreeviewComponent } from 'ngx-treeview';
@ViewChild(TreeviewComponent) treeviewComponent: TreeviewComponent;
selectChildren(i: TreeviewItem) {

    i.collapsed = false;

    if (i.children) {

        this.selectInsideChildren(i);

        i.checked = !i.checked;
    }

    this.treeviewComponent.raiseSelectedChange();

}



selectInsideChildren(item) {

    item.children.forEach(i => {

        i.checked = !i.checked;

        if (i.children) {

            this.selectInsideChildren(i);

        }

    });
}