how is the service triggered in the first place

Question

in the example on the video the services works once the page is loaded doesn't the controller have to be trigger first by the ng-change directive before any injected services can work

angular.module("todoListApp", [])

.controller('mainCtrl', function($scope,dataService) {
 $scope.helloWorld = function(){ 
    console.log("Hello there! This the helloWorld controller function, in the    mainCtrl!");
  };

  $scope.helloConsole= dataService.helloConsole;

   $scope.todos= dataService.getTodos();





  })
  .service('dataService',function($http){

        this.helloConsole = function() {
          console.log('testing helloConsole');
  };
        this.getTodos= $http.get('mock/todos.json')
        .then(function(response){
          console.log(response.data);
          return response.data;
        })

  });

Answer 1 · 2017-12-07T04:53:59Z

December 7, 2017 4:53am

The service is grabbing data from our mock database via http method and the get method which is a shortcut method off the $http. The ngChange expression is only evaluated when a change in the input value causes a new value to be committed to the model. The model being ng-model="todo.name". Which is bind its value in the element to an object in the $scope The controller itself is already in play watching for expressions and events because of its $scope. Which all our function and services is ran thru. Nothing happens without the say of the $scope. Hopefully that made sense because i just now got done watching the video myself. Please if im wrong in any way let me know so i can correct myself.

Welcome to the Treehouse Community

Looking to learn something new?

olu adesina

olu adesina

how is the service triggered in the first place

1 Answer

Dean Pierrot

Dean Pierrot