JSFiddle - React, Tailwind, and code Playground

by Hoang_Van_Trinh

HTML

<body>
<Script>
function appController($scope) {
    $scope.students = [
  {firstName:'Nguyen', lastName:'Tong', email:'nguyentong@gmail.com'},
  {firstName:'Tran', lastName:'Toan', email:'trantoan@gmail.com'},
  {firstName:'Pham', lastName:'Hua', email:'phamhua@gmail.com'},
  {firstName:'Le', lastName:'Lan', email:'lelan@gmail.com'}
];
}
</Script>
<div ng-app ng-controller="appController">
<ul class="example-animate-container">
    <li class="animate-repeat" ng-repeat="student in students">
      {{$index + 1}}. First Name <strong>{{student.firstName}} </strong>
	  Last Name <strong>{{student.lastName}}</strong> Email <strong>{{student.email}}</strong>.
    </li>
    <li class="animate-repeat" ng-if="results.length == 0">
      <strong>No results found...</strong>
    </li>
  </ul>
</div>

</body>