I have developed an application using the Ionic Framework with Firebase as the backend. When I run the application with breakpoints using the debugger, everything works fine. However, if I run it without the debugger, I notice that values are not being updated in the Firebase database and page transitions are failing. Any insights on why this behavior occurs?
Here is a snippet of my HTML code:
<a class="button button-balanced button-block" id="snooker-button1" ng-click="setTitle('Table 1')" ui-sref="tableX">Table 1</a>
<a class="button button-balanced button-block" id="snooker-button2" ng-click="setTitle('Table 2')" ui-sref="tableX">Table 2</a>
<a class="button button-balanced button-block" id="snooker-button3" ng-click="setTitle('Table 3')" ui-sref="tableX">Table 3</a>
<a class="button button-balanced button-block" id="snooker-button4" ng-click="setTitle('Table 4')" ui-sref="tableX">Table 4</a>
<a class="button button-assertive button-block" id="snooker-button5" ng-click="setTitle('Table 5')" ui-sref="tableX">Table 5</a>
<a class="button button-balanced button-block" id="snooker-button6" ng-click="setTitle('Table 6')" ui-sref="tableX">Table 6</a>
<div class="button-bar">
<button class="button button-calm button-block button-outline" style="font-weight: 600;" id="page3-button11" ng-click="gameEngine_v()">Start</button>
<button class="button button-calm button-block button-outline" style="font-weight: 600;" id="page3-button12" ng-click="gameEngine_v_stp()">Stop</button>
Below is a portion of my Controller.js file:
$scope.setTitle = function(table_title) {
// code snippet for setting the title
}
$scope.gameEngine_v = function() {
// code snippet for gameEngine_v function
}
$scope.gameEngine_v_stp = function() {
// code snippet for gameEngine_v_stp function
}
var gameEngine = function() {
// code snippet for gameEngine function
}