Skip to content

Instantly share code, notes, and snippets.

@superchris
Last active December 23, 2015 00:59
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save superchris/6557119 to your computer and use it in GitHub Desktop.
Save superchris/6557119 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html ng-app>
<head>
<meta name="description" content="Camp NG Example 2" />
<script src="http://code.jquery.com/jquery.min.js"></script>
<link href="http://getbootstrap.com/2.3.2/assets/css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="http://getbootstrap.com/2.3.2/assets/css/bootstrap-responsive.css" rel="stylesheet" type="text/css" />
<script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body ng-controller="GreeterCtrl">
<ul>
<li ng-repeat="thing in things">{{thing.name}} for {{thing.use}}</li>
</ul>
<input type="button" value="Add Thing" ng-click="makeThing()" />
</body>
</html>
function GreeterCtrl($scope) {
$scope.things = [
{name: "thing 1", use: "washing"},
{name: "thing 2", use: "jumping"}
];
$scope.makeThing = function() {
$scope.things.push({name: "and another thing", use: "dunno"});
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment