Multiple Clicks on with modal


#1

I’ve seen a lot of people mention similar things but with no resolution. Using beta 13 with Ripple emulator.

I have the following in my controller

    var actionsModal;
    $scope.showActions = function () {
        if (actionsModal) {
            actionsModal.show();
        }
        else {
            $ionicModal.fromTemplateUrl('templates/admin-actions.html', {
                scope: $scope
            }).then(function (m) {
                actionsModal = m;
                actionsModal.show();
            });
        }
    };

and the following modal view:

<ion-modal-view>
    <div>
        <button class="button button-positive button-block" ng-click="clearMatches()">Clear Matches</button>
        <button class="button button-positive button-block" ng-click="makeTestUsersPlay()">Make Test Users Play</button>
        <button class="button button-positive button-block" ng-click="notifyUsers()">Notify Users of Matches</button>
        <br>
        <button class="button button-positive button-block" ng-click="hideActions()">Done</button>
    </div>
</ion-modal-view>

All of the buttons on the modal view fire the scope functions twice, sometimes three times.

If I take the buttons and put them on the calling view, clicks fire once as expected.

Any suggestions?


#2

You can try to do this, stoping propagating the event click

$scope.clickVideo = function (event) {
  event.stopPropagation();
};

#3

Thanks that works…but I guess it’s a bug in ionic?