Skip to content

Instantly share code, notes, and snippets.

@johnlindquist

johnlindquist/index.html

Created May 26, 2015 13:52
Show Gist options
  • Save johnlindquist/dbede239345076025002 to your computer and use it in GitHub Desktop.
Save johnlindquist/dbede239345076025002 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!doctype html>
<html lang="en" ng-app="workshop">
<head>
<meta charset="UTF-8">
<title>AngularJS Jumpstart</title>
<link rel="stylesheet" href="bootstrap.min.css"/>
<script src="angular.js"></script>
<script src="router.es5.js"></script>
<script src="workshop.js"></script>
<script src="components/workshop/workshop.js"></script>
<script src="components/settings/settings.js"></script>
</head>
<body ng-controller="BodyController as body">
<a ng-link="workshop">Workshop</a>
<a ng-link="settings">Settings</a>
<ng-viewport></ng-viewport>
</body>
</html>
Raw
settings.html
<div>
<h2>Online?: {{settings.online}}</h2>
</div>
Raw
settings.js
angular.module("workshop.settings", [])
.controller("SettingsController", function () {
var settings = this;
settings.online = true;
});
Raw
workshop.html
<h1>{{workshop.message}}, stuff should be here</h1>
Raw
workshop.js
angular.module("workshop.workshop", [])
.controller("WorkshopController", function(){
var workshop = this;
workshop.message = "Hello";
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment