JSFiddle - React, Tailwind, and code Playground

by lev milov

HTML

<div ng-app="todoApp"  ng-controller="todoController">
  
  <form ng-submit="add()">
    <input ng-model="title">
    <button>Add</button>
    
  </form>
  <br />
  <input type="text"  placeholder="Поиск по словам" ng-model="searchWords">
  <ul>
    <li ng-repeat="task in tasks | filter:searchWords:task.text | orderBy:sortType:sortReverse track by $index">{{ task.text  }}. - {{ task.data | date:'dd-MM-yyyy HH:mm:ss'  }}
      <button ng-click="delete()">x</button>
      <button ng-click="change()">&#9999;</button>
    </li>
  </ul>
</div>

JavaScript

var todoApp = angular.module('todoApp', []);
  
todoApp.controller('todoController', function($scope) {
    
  $scope.sortType     = 'name'; // значение сортировки по умолчанию
  $scope.sortReverse  = false;  // обратная сортривка
  $scope.searchWords   = '';     // значение поиска по умолчанию
    
    $scope.tasks = [];
    $scope.add = function() {
      $scope.tasks.push({
      	text: $scope.title,
        data : new Date().getTime()
        }
      );
    }
    $scope.delete = function() {
      $scope.tasks.splice(this.$index, 1);
    }
    $scope.change = function() {
      console.log("ttt");
    }
  
   
});