JSFiddle - React, Tailwind, and code Playground

by ric47121

HTML

<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css">
<body ng-app>
    <div ng-controller="ControladorTareas">
        <h2 class="text-danger">{{tareas[0].texto}}</h2>
    
        <ul>
              <li ng-repeat="tarea in tareas">
              <input type="checkbox" ng-model="tarea.realizado">
              <span class="hecho-{{tarea.realizado}}">{{tarea.texto}}</span>
            </li>
        </ul>
    </div>
    
</body>

JavaScript

function ControladorTareas($scope){
    $scope.tituloApp = "Lita de Tareas yes";
    $scope.tareas = [{texto: 'hola', realizado:true},
                     {texto: 'habla locura', realizado:false}];
    
    alert('asd')
}