Unsure about array notation

Question

I don't understand how to use array notation and how to log it for this exercise

app.js

angular.module('treehouseCourse', [])
  .factory('Course', function() {
    return {
      title: "Intro to Angular"
    }
  });

angular.module('treehouseCourse')
  // YOUR CODE HERE
.controller('MyCourseCtrl', function(Course) {
  console.log($scope.Course.get());
})

index.html

<!DOCTYPE html>
<html ng-app="treehouseCourse">
  <head>
    <title>Angular.js</title>
    <script src="js/angular.js"></script>
    <script src="app.js"></script>
  </head>
  <body ng-controller="MyCourseCtrl">
  </body>
</html>

Answer 1 · 2015-09-17T10:27:44Z

September 17, 2015 10:27am

Hi ,

The array notation (or dependency injection as it's better known) is quite simple, all you need to do is declare the $scope and Course parameters along with the callback function for the controller within an array, you can read more about this at the below link.

https://docs.angularjs.org/guide/di

angular.module('treehouseCourse')
  // YOUR CODE HERE
  .controller('MyCourseCtrl', ['$scope', 'Course', function($scope, Course) {
    console.log(Course);
  }]);

It might look confusing, but it's very simple, a lot of the time when we're compiling our code for production servers we would obfuscate it which changes the variable names which can break out code, using dependency injection we can define what these variables are and Angular will automatically assign the correct values to the callback function.

Hope that helps.

Welcome to the Treehouse Community

Looking to learn something new?

Micah Dunson

Micah Dunson

Unsure about array notation

1 Answer

Chris Shaw

Chris Shaw

Micah Dunson

Micah Dunson