Functions and AngularJS

Hi Troy,

The code you have above so you've bound everything to the $scope of the controller which is correct and is behaving as expected. If you don't wish other functions to have access to this variable or other you would need to assign them a local variable but that can introduce other problems if you're expecting to have access to the said variables elsewhere in your code.

To answer your question, $scope binds all functions and properties to an instance of the GuessTheNumberController "class", once the new instance is created, all functions have unrestricted access to anything bound via $scope including properties you declare from within your HTML via ng-click for example.

One more thing, and it's more to do with good practice, instead of declaring a function to initialize your properties it's better to simply have them declared at the top of your controller so it's clear and it's to ensure no errors occur if a property isn't yet available for example.

function GuessTheNumberController($scope) {
  $scope.noOfTries = 0;
  $scope.original = Math.floor((Math.random() * 1000) + 1);
  $scope.guess = null;
  $scope.deviation = null;

  $scope.verifyGuess = function() {
    $scope.deviation = $scope.original - $scope.guess;
    $scope.noOfTries = $scope.noOfTries + 1;
  };
}

Hope that helps.