Conflict with ns-popover-modal and ns-popover-hide-on-outside-click

[viruletdew]

Hi,

I have 3 buttons on a page. When the user clicks a button, I want to show the popover associated with that button. I also need to keep the popover open even if the user clicks outside of it - unless clicking on another button that triggers a popover.

I think I am supposed to use both ns-popover-hide-on-outside-click='false' along with ns-popover-modal="true". Unfortunately, what occurs is multiple popovers rendering on the screen, with each button click.

Is this a conflict?

Is there a way to trigger all popovers to close before showing the chosen one, when clicking a triggering button? hidePopover is only usable within the popover template.

Thanks for any help!

[nohros]

I think you can solve it by using event broadcast.

[viruletdew]

Thanks. I tried adding the following to my directive. It doesn't seem to work though. Popovers still open without closing the others.

$scope.myf = function(index) {
$scope.$broadcast('answered'+index);
}

My buttons html:
ng-click="myf($index)"
ns-popover
ns-popover-template="popover.html"
ns-popover-placement="top|center"
ns-popover-theme="ns-popover-mytheme"
ns-popover-hide-on-click="false"
ns-popover-modal="true"
ns-popover-hide-on-outside-click="false"
ns-popover-scope-event="answered{{$index}}"
ns-popover-timeout="1000"

[viruletdew]

Is my (above) code the proper way of implementing the broadcast event for the popover?