Lista de tareas

by Marventus

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<!-- data-ng-app -->
<div ng-app="myExample" ng-controller="myglobalCtrl">
  <input type="text" id="itemToadd" value="{{addToVal}}">
  <input type="button" value="add" ng-click="addToModel()">
  <h2>{{titulo}} <strong>({{todos.items.length}})</strong></h2>
  <ul>
    <li ng-repeat="item in todos.items | orderBy: 'done'">
      {{ $index}} - {{item.action}}
      <input type="checkbox" ng-model="item.done" />
    </li>
  </ul>
</div>

JavaScript

var myExample = angular.module("myExample", []);
// CONTROLADOR
myExample.controller("myglobalCtrl", function($scope) {

  $scope.titulo = "Lista de tareas";
  $scope.todos = model;
  $scope.addToVal = "Lavarse los dientes";
  $scope.addToModel = function() {
    $scope.todos.items.push({action:$scope.addToVal, done:false});
  };
});

// DATOS - MODELO
var model = {
  user: "Adam",
  items: [{
    action: "Tomar cafe para despertar",
    done: false
  }, {
    action: "Tomar nota",
    done: false
  }, {
    action: "Hacer ejemplo",
    done: true
  }, {
    action: "Smile",
    done: false
  }]
};

/*function globalCtrl($scope){
    $scope.titulo = "Example";
}*/