I have an Angular js project.

I have a main.html file and inside main.html file, i have included modal.html file.

I have a variable defined in controller i.e; showModal=false;

When I click on the button which is inside main.html file the "showModal becomes true as I have done".

But when I click on the close button inside my modal.html file the popup gets closed but the value does not become false in the controller.

How can I achieve it?

Alternatively, I have created a separate function and inside that, I am setting showModal=false but I don't want to do it like that.

I just want to set showModal=false on ng-click in modal.html file.

Thanks in advance.