<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body ng-app="listaDeCosasPorHacer">
<div ng-controller="controladorPrincipal">
<form ng-submit="agregarTareaNueva()">
<input ng-model="tareaNueva">
<input type="submit" value="Agregar">
</form>
<hr>
<ul>
<li ng-repeat="tarea in tareas">{{tarea}}</li>
</ul>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.min.js"></script>
<script>
angular
.module('listaDeCosasPorHacer', []);
angular
.module('listaDeCosasPorHacer')
.controller('controladorPrincipal', controladorPrincipal);
function controladorPrincipal($scope){
$scope.tareas = ["Aprender AngularJS", "Dejar un comentario", "No usar Internet Explorer"]
$scope.agregarTareaNueva = function(){
// Hacemos un push al array de tareas
// pasando como valor $scope.tareaNueva
$scope.tareas.push($scope.tareaNueva);
//Borramos el texto que habíamos puesto en el < input >
$scope.tareaNueva = '';
}
}
</script>
</body>
</html>