Skip to content

Instantly share code, notes, and snippets.



Created Apr 10, 2014
What would you like to do?
JSApps 101: Basic AngularJS Data Binding
var toDoListApp = angular.module('ToDoListApp', []);
toDoListApp.controller('ToDoListController', function ($scope) {
/* Model */
$scope.items = [
{desc: 'Go shopping', done: false},
{desc: 'Clean my room', done: true},
{desc: 'Sleep', done: false}
$scope.newItemDescription = '';
/* Events */
$scope.addItem = function () {
desc: $scope.newItemDescription,
done: false
<!doctype html>
<html lang="en" ng-app="ToDoListApp">
<meta charset="utf-8">
<title>To-do List</title>
<script src=""></script>
<script src="app.js"></script>
<body ng-controller="ToDoListController">
<h1>To-do List</h1>
<li ng-repeat="item in items">
<input type="text" ng-model="newItemDescription" /></input><button ng-click="addItem()">Add</button>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment