Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript AngularJS An Introduction to Directives Directives: $observe

Posted by Faddah Wolf
Faddah Wolf
12,811 Points

'need to call console.log within observer function' - but i all ready am

hello Alex Vanston -

see my code below for this code challenge for Directives: $observe --

angular.module('myApp', [])
  .controller('myController', function ($scope) {
    $scope.title = 'My embedded title';
  })
  .directive('treehouseCourse', function () {
    return {
      link: function ($scope, $element, $attrs) {

        // YOUR CODE HERE
        $attrs.$observe('courseTitle', function(change) {
          if(change) {
            console.log(courseTitle);
          }
        });
      }
    }
  });

i keep failing on this challenge in this with it telling me, "You need to put your console.log within the observer function." but see above ^^^^ aI all ready am putting it within the $attrs.$observe(...) function. i don't understand what i am doing wrong here. any help, please, would be appreciated.

best,

-- faddah wolf portland, oregon, u.s.a.

app.js 
angular.module('myApp', [])
  .controller('myController', function ($scope) {
    $scope.title = 'My embedded title';
  })
  .directive('treehouseCourse', function () {
    return {
      link: function ($scope, $element, $attrs) {

        // YOUR CODE HERE
        $attrs.$observe('courseTitle', function(change) {
          if(change) {
            console.log(courseTitle);
          }
        });
      }
    }
  });
index.html 
<!DOCTYPE html>
<html ng-app="myApp">
<head>
  <title>Angular.js</title>
  <script src="js/angular.js"></script>
  <script src="app.js"></script>
</head>
<body ng-controller="myController">

  <div treehouse-course course-title="{{title}}"></div>

</body>
</html>

2 Answers

haunguyen
haunguyen
14,985 Points

console.log(change);

Faddah Wolf
Faddah Wolf
12,811 Points
Faddah Wolf
Faddah Wolf
12,811 Points

thank you, haunguyen , that did it. much appreciated.

best,

-- faddah wolf portland, oregon, u.s.a.

marieyvonnecombot
marieyvonnecombot
27,193 Points

Thank you too Haunguyen

Merci Marie-Yvonne