title: scope function does not work in angularjs
body: <p>I am trying to call a function defined in the controller, but due to some silly mistake it does not call, here is my code. It should alert 1 defined in the <code>getCustomerID</code> function. The scope variables are set properly like <code>this.title</code></p>
  
  <p>HTML</p>
  
  <pre><code> &lt;ons-template id="home.html"&gt;
        &lt;ons-page ng-controller="Home as page"&gt;
          &lt;ons-toolbar&gt;
            &lt;div class="left"&gt;
              &lt;ons-toolbar-button onclick="fn.open()"&gt;
                &lt;ons-icon icon="md-menu"&gt;&lt;/ons-icon&gt;
              &lt;/ons-toolbar-button&gt;
            &lt;/div&gt;
            &lt;div class="center"&gt;
              {{page.title}}
            &lt;/div&gt;
          &lt;/ons-toolbar&gt;
          &lt;p style="text-align: center;  padding-top: 20px;"&gt;
          Choose Client : 
          &lt;select ng-model="filterCondition.operator" ng-change="getCustomerID()"&gt;
              &lt;option  ng-repeat="x in customers" value="{{x.id}}"&gt;{{x.name}}&lt;/option&gt;
          &lt;/select&gt;
          &lt;ons-button ng-click="page.getCustomerID()"&gt;Call&lt;/ons-button&gt;
          &lt;/p&gt;            
  
          &lt;div id="map"&gt;&lt;/div&gt;
  
          &lt;br/&gt;
          &lt;ons-button modifier="large" onclick="mylocation()"&gt;My Location&lt;/ons-button&gt;
        &lt;/ons-page&gt;
      &lt;/ons-template&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>    app.controller('Home', function($scope){
      $scope.page = {
          title : "CRGroup",
          name : localStorage.getItem("name"),
          email : localStorage.getItem("email"),
          profilepic : localStorage.getItem("profilepic"),
      }  
  
      $scope.filterCondition={
          operator: '1'
      }
  
      $.ajax({
          type: 'GET',
          url: 'http://XXXXX.php',        
          async: false,
          data: {},
          success: function (response) {                      
              $scope.customers = response;            
          },
          error: function (response) {
              $scope.error = true;
              $scope.$apply();
          }
      });
  
      $scope.page.getCustomerID = function() {
          alert(1);
      }   
  });
  </code></pre>