Add the ngChange directive to the text input for the todo.name value

Question

I am adding the ngChange directive but I can not pass the assignment?

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  ngChange="update()" ng-show="editing" 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>

Answer 1 · 2016-03-29T21:24:58Z

March 29, 2016 9:24pm

It's been a while since you asked the question, but if you haven't already figured it out it should be "ng-change", not "ngChange".

Answer 2 · 2016-07-07T03:28:26Z

July 7, 2016 3:28am

This worked... and apparently no expression is needed

 <input ng-change=" " ng-show="editing" ng-blur="editing = false" class="editing-label" type="text" ng-model="todo.name">

Welcome to the Treehouse Community

Looking to learn something new?

Candace Cohen

Candace Cohen

Add the ngChange directive to the text input for the todo.name value

2 Answers

David Bath

David Bath

Rose Harper

Rose Harper