angular-nevera-generator/generators/todoMVC/inject/templates/src/app/components/TodoItem.html

Yeoman AngularJS scaffold a webapp with Angular 1 written in ES6 (Babel), TypeScript through Webpack or SystemJS including tools Gulp 4, ESLint, Browsersync and Karma

<li ng-class="{'editing': $ctrl.editing, 'completed': $ctrl.todo.completed}">
  <todo-text-input
    ng-if="$ctrl.editing"
    text="$ctrl.todo.text"
    editing="$ctrl.editing"
    on-save="$ctrl.handleSave(text)"
    ></todo-text-input>
  <div class="view" ng-if="!$ctrl.editing">
    <input
      class="toggle"
      type="checkbox"
      ng-checked="$ctrl.todo.completed"
      ng-click="$ctrl.onChange({id: $ctrl.todo.id})"
      />
    <label ng-dblclick="$ctrl.handleDoubleClick()">{{$ctrl.todo.text}}</label>
    <button class="destroy" ng-click="$ctrl.handleDestroy($ctrl.todo.id)"></button>
  </div>
</li>