test controlador angularJS

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">
    <ul ng-repeat="tarea in tareas">
        <li>{{tarea.nombre}}</li>
    </ul>

<form ng-submit="agregarTarea()">
    <input type="text" placeholder="nueva tarea" ng-model="txtnuevaTarea"/>
    <input type="submit" value="agregar" />
</form>    
</div>
</body>

CSS

.hecho-true{  
    text-decoration: line-through;
    color: grey;    
}

JavaScript

function ControladorTareas ($scope){
    $scope.tareas = [{nombre:'tarea 1'}]
    
    $scope.agregarTarea = function(){
        $scope.tareas.push({nombre:$scope.txtnuevaTarea})
        $scope.txtnuevaTarea = ''
    }
}