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 Two-Way Data Binding Two-Way Binding: ngModelCtrl

Posted by Jonathan Ankiewicz
Jonathan Ankiewicz
17,901 Points

I really don't see where the issue is. The video uses Hallo but the challenge doesn't say your using halo so I am LOST..

I really don't see where the issue is. The video uses Hallo but the challenge doesn't say your using halo so I am LOST..

This video isn't clear and introducing Hallo on the fly like that throws me far off

app.js 
angular.module('myApp', [])
.controller('myController', function($scope) {
  $scope.user = {
    name: 'Alex'
  };
})
.directive('myDirective', function () {
  return {
    require: 'ngModel',
    priority: 1,
    link: function ($scope, $element, $attrs, ngModelCtrl) {

      // YOUR CODE HERE
      ngModelCtrl.$render function() {
          var contents = ngModelCtrl.$viewValue;
          console.log(contents);
      }
    }
  }
});
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">

  <p>Hello {{user.name}}</p>
  <input type="text" ng-model="user.name" />
  <div my-directive ng-model="user.name"></div>

</body>
</html>
Cassie Koelsch
Cassie Koelsch
8,801 Points
Cassie Koelsch
Cassie Koelsch
8,801 Points

I am having the exact same issue and what you have is exactly what I put as well.

2 Answers

lucia Antonow
lucia Antonow
7,913 Points
lucia Antonow
lucia Antonow
7,913 Points

I was way lost on this too, but I borrowed your code and found that when I added an '=' between $render and function it worked! You were so close - just a small syntax error got in the way.

ngModelCtrl.$render = function() {
          var contents = ngModelCtrl.$viewValue;
          console.log(contents);
      }
Jonathan Ankiewicz
Jonathan Ankiewicz
17,901 Points
Jonathan Ankiewicz
Jonathan Ankiewicz
17,901 Points

Haha of course