JSFiddle - React, Tailwind, and code Playground

by Anik Islam Abhi

HTML

<div ng-app="app" ng-controller="myCtrl">
  <ul class="unstyled">
    <li ng-repeat="todo in todos track by -$index">
      <input type="checkbox" ng-model="todo.done">
      <span class="done-{{todo.done}}">{{todo.text}}</span>
    </li>
  </ul>
  <input type="text" ng-model="todoText" />
  <button ng-click="addTodo()">
  Click
  </button>
</div>

JavaScript

var app = angular.module("app", []);
app.controller("myCtrl", function($scope) {
  $scope.todos = [];

  $scope.addTodo = function() {
    $scope.todos.splice($scope.todos.length-1, 0, {
      text: $scope.todoText,
      done: false
    });
    $scope.todoText = '';
  };
});