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: restrict

Ronnie Barua
Ronnie Barua
17,665 Points
Posted by Ronnie Barua
Ronnie Barua
17,665 Points

This course I'm not learning anything......

Update the myCourse directive so that it can be attached to the HTML only via an attribute.

Tried so many ways with no success.

app.js 
angular.module('treehouseCourse', [])
  .directive('myCourse', function() {
    return {
      // YOUR CODE HERE
      restrict: "A"
      link: function($scope, $element, $attrs){
    $attrs.myCourse();
    }
      }
      }
    }
  });
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>

  <div my-course></div>


</body>
</html>

1 Answer

bugariu bogdan
bugariu bogdan
3,981 Points
bugariu bogdan
bugariu bogdan
3,981 Points

Hi Ronny :

angular.module('treehouseCourse', []) .directive('myCourse', function() { return { // YOUR CODE HERE restrict: 'A', link: function ($scope, $element, $attr) { alert('Welcome to my course') } } });