Lazy Load clarity tree

[jeevanm18]

Unable to Lazy load clr tree children inside clr tree on clicking a button

{{node.name}}

                    <clr-tree-node>
                        <button class="btn btn-sm" *ngIf="limitAt === 3" (click)="limitAt = 6">Load More...</button>
                        <button class="btn btn-sm" *ngIf="limitAt === 6" (click)="limitAt = 9">Load Even More...</button>
                    </clr-tree-node>
                </div>
            </clr-tree-node>
        </clr-tree>

get getChildren() {
if (this.nodedata.children.children.length > 7) {
let data = this.nodedata.children[6].children.slice(0, 5);
return data;
}
return this.nodedata.children;

[kevinbuhmann]

See #207. I posted a proof-of-concept that may be helpful. Essentially, you need to break reference for the collection passed to *clrRecursiveFor.