ng-walkthrough
ng-walkthrough copied to clipboard
How to show walkthrough on button click
<ng-walkthrough id="wt-test" focusElementSelector="#selectorId" focusBackdrop="true" [contentTemplate]="template" closeButton="true" [disabled]="isActive" isActive="isActive"> <ng-template #template> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit... </p> </ng-template> </ng-walkthrough>
In ts file :
isActive=false or isActive=true
I tried both not visible
@Zefling @Harvest-Dev Please help for above issue. Thanks
"isActive" not exist and isActive is a string in your case.
I indent your code:
<ng-walkthrough id="wt-test"
focusElementSelector="#selectorId"
focusBackdrop="true"
[contentTemplate]="template"
closeButton="true"
[disabled]="isActive"
isActive="isActive">
<ng-template #template>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit... </p>
</ng-template>
</ng-walkthrough>
Have you seen the examples? https://github.com/Harvest-Dev/ng-walkthrough/tree/master/src/app