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 Basics (1.x) Using Angular's Built In Directives Using the ng-change directive to update data.

Posted by Patrice Nko'o
Patrice Nko'o
Courses Plus Student 50,511 Points

I am stuck since half an hour on this one... Need Help Thanks Where to input the following ng-change = "editing = true"

I have already tries several times but I know lost in the Angular World. Need some Help... Where to input the following code -----> ng-change = "editing = true" Thanks Pat

index.html 
<!doctype html>
<html lang="en">
<head>
  <title></title>
  <link href='https://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
</head>
<body ng-app="todoListApp">

  <h1 ng-click="helloConsole()">My TODOs!</h1>

  <div class="list" ng-controller="mainCtrl">
    <div class="item" ng-class="{'editing-item': editing, 'edited': todo.edited}" ng-repeat="todo in todos">
      <input type="checkbox" ng-model="todo.completed">
      <label ng-hide="editing">{{todo.name}}</label>
      <input ng-show="editing" ng-change="editing = true" ng-blur="editing = false" class="editing-label" type="text" ng-model="todo.name">
      <div class="actions">
        <a href="" ng-click="editing = !editing" >Edit</a>
        <a href="" ng-click="helloConsole()">Save</a>
        <a href="" class="delete">Delete</a>
      </div>
    </div>
   </div>

  <script src="vendor/angular.js"></script>
  <script src="scripts/app.js"></script>
</body>
</html>

2 Answers

Luciano Bruzzoni
Luciano Bruzzoni
15,518 Points
Luciano Bruzzoni
Luciano Bruzzoni
15,518 Points

Hey there, the task asks you to edit todo.edited when todo.name changes so you would have to use this line of code instead:

ng-change="todo.name, todo.edited = true"

so when todo.name changes todo.edited will be set to true. Hope that helped!

Patrice Nko'o
PLUS
Patrice Nko'o
Courses Plus Student 50,511 Points
Patrice Nko'o
Patrice Nko'o
Courses Plus Student 50,511 Points

Many Thanks Luciano, I can go to bed now for few hours ;-)