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: ng-click

Posted by PAUL MONTELEPRE
PAUL MONTELEPRE
444 Points

Directives: ng-click

I was wondering if I could get the an answer to this question/quiz. I just can not figure it out.

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 {{name}}</p>
  <!-- YOUR CODE HERE -->

</body>
</html>

1 Answer

Andrew Kiernan
Andrew Kiernan
26,892 Points
Andrew Kiernan
Andrew Kiernan
26,892 Points

Hi Paul:

You want to create a button and set its ng-click attribute to the expression of setting name to 'Treehouse'. So:

<button ng-click="name = 'Treehouse' ">Update Name</button>

Note that you only need to write name and not $scope.name, because this is inside of myController, so name maps to $scope.name on myController.

Hope that helps!

-Andrew