search

Harvest-Dev / ng-walkthrough

A walkthrough for Angular
MIT License
21 stars 8 forks source link

How to show walkthrough on button click #24

Open lavkesh1608 opened 6 years ago

lavkesh1608 commented 6 years ago

` <ng-walkthrough id="wt-test" focusElementSelector="#selectorId" focusBackdrop="true" [contentTemplate]="template" closeButton="true" [disabled]="isActive" isActive="isActive"> <ng-template #template>

Lorem ipsum dolor sit amet, consectetur adipiscing elit...

`

In ts file :

isActive=false or isActive=true

I tried both not visible

lavkesh1608 commented 6 years ago

@Zefling @Harvest-Dev Please help for above issue. Thanks

Zefling commented 6 years ago

"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