Bind "showText" via ngTemplateOutlet

[Michael]

Hi! I have the following example and i want to bind the "showText" property to the let-showTextValue from ng-template.

 

https://stackblitz.com/edit/angular-3cew1n?file=app/my-toolbar.component.ts

[Svet]

Hi Michael,

Thank you for the provided example.

The demonstrated undesired behavior is caused by a bug on our side. That is why I logged an issue in our public GitHub repository on this matter:

https://github.com/telerik/kendo-angular/issues/3178

Please track the issue status for any further updates on it. 

What could be done as a workaround until the issue is resolved is to re-render the ToolBar component using the *ngIf directive every time the showText property value is changed. Indeed such approach has its drawbacks that the complete ToolBar will have to be re-rendered and there will be short blinking, but there isn't another approach that I can suggest until the issue is resolved. Please see the suggested workaround at the following example:

https://stackblitz.com/edit/angular-dqplxr?file=app/app.component.ts

I have also updated your account Telerik points for raising our attention to this issue.

Please let me know in case I can provide any further information on this case. Thank you. 

 

Regards,
Svetlin
Progress Telerik

[Michael]

Hi Svetlin,
thx for your replay and the issue logging. 
The workaround you mentioned is not working for me! I get the error message:

ViewDestroyedError: Attempt to use a destroyed view: detectChanges

 

I have edited the Stackblitz: https://stackblitz.com/edit/angular-3cew1n?file=app/app.component.html

Do you have any idea what i can do?

 

[Svet]

Hi Michael,

Thank you for the provided example.

The demonstrated error is generic to the Angular framework and isn't related to the specific functionality of Kendo UI for Angular. It suggests that the Angular change detection looks for changes in the component which has been earlier destroyed. Please check some of the online available resources on this matter:

https://stackoverflow.com/questions/44140404/viewdestroyederror-attempt-to-use-a-destroyed-view-detectchanges

https://stackoverflow.com/questions/56056911/attempt-to-use-a-destroyed-view-detectchanges-event-though-the-view-is-detached

what could be done is to use onPush change detection strategy so that the change detection cycles are manually initiated. I hope the suggestions help. Please let me know in case I can provide any further information about this case.

Regards,
Svetlin
Progress Telerik