Skip to content

Instantly share code, notes, and snippets.

@johnlindquist

johnlindquist/index.html

Created May 26, 2015 11:48
Show Gist options
  • Save johnlindquist/f82c7555a2a8c75cd0e1 to your computer and use it in GitHub Desktop.
Save johnlindquist/f82c7555a2a8c75cd0e1 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="workshop.js"></script>
</head>
<body>
<workshop></workshop>
</body>
</html>
Raw
workshop.html
<div>
<h1 ng-click='workshop.onClick()'>{{workshop.welcomeMessage}} to the Workshop</h1>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam architecto autem cum, cumque debitis dolores eaque earum exercitationem, facilis id illo in laborum laudantium magni nesciunt non odio officiis quam recusandae ullam vero voluptas voluptates? Accusamus accusantium adipisci animi asperiores commodi culpa doloribus eaque error esse explicabo fuga impedit in ipsam laborum laudantium maxime neque nostrum optio porro provident quae quaerat quia quis sit suscipit tempora velit, veniam voluptate voluptatem voluptatibus. Amet at cum deserunt dicta dolorum, eos esse exercitationem explicabo harum id laboriosam magni maxime minima minus nemo quasi quia quidem ratione sapiente similique soluta totam velit, veniam. Dolores?
<ul>
<li>Lorem ipsum dolor sit amet.</li>
<li>Earum laudantium natus odio quisquam!</li>
<li>Animi doloremque quasi voluptas voluptatibus.</li>
<li>Commodi enim nam quidem rem.</li>
<li>Aliquam blanditiis culpa harum tempore!</li>
<li>Laboriosam magni obcaecati provident quisquam?</li>
<li>Nam reiciendis reprehenderit similique vel?</li>
<li>Illum porro, vel. Iure, quae!</li>
<li>Est excepturi laudantium placeat ut?</li>
<li>Ipsa molestiae, provident. Minima, quas.</li>
<li>Deserunt ea nam quasi voluptatibus?</li>
<li>Exercitationem explicabo odit quod velit?</li>
<li>Animi asperiores cumque quo unde.</li>
<li>Debitis eligendi itaque possimus sunt!</li>
<li>At inventore molestiae ratione repellendus.</li>
<li>Ea magnam ullam ut veritatis!</li>
<li>Cumque illum maxime minus quasi.</li>
<li>Ad molestias porro unde vel!</li>
<li>Atque ducimus earum ullam voluptates.</li>
<li>Commodi delectus dolorem fuga itaque.</li>
<li>Aliquid asperiores eum nostrum perferendis.</li>
<li>Animi excepturi iusto odio quia!</li>
<li>Asperiores distinctio eum placeat quia!</li>
<li>Dolorum eius nobis non veritatis!</li>
<li>Magnam nisi quibusdam repellendus unde?</li>
<li>Alias amet esse nulla sunt.</li>
<li>Ad quam quasi recusandae similique!</li>
<li>Consequuntur ea laboriosam nostrum obcaecati!</li>
<li>Culpa cupiditate ea optio unde.</li>
<li>Aut fuga impedit placeat reiciendis?</li>
<li>Dolores earum eos quas quo!</li>
<li>Eaque inventore nesciunt optio porro?</li>
<li>Atque expedita nobis pariatur quaerat?</li>
<li>At hic ipsa molestiae repudiandae.</li>
<li>Doloremque fugiat in ipsum sit.</li>
<li>Autem eveniet pariatur ullam voluptatem.</li>
<li>Earum hic natus reiciendis veniam.</li>
<li>Ad id numquam soluta voluptatem.</li>
<li>Perferendis quaerat rem tempora veritatis.</li>
<li>At commodi explicabo facere voluptas?</li>
<li>Deserunt dolorem eum explicabo soluta!</li>
<li>Consequuntur ex rerum similique! Porro.</li>
<li>Eius numquam quo repudiandae suscipit?</li>
<li>Dolore eos ipsa iste odio.</li>
<li>In nostrum quibusdam rerum ullam.</li>
<li>Adipisci blanditiis id minima vitae!</li>
<li>Error iure pariatur quae ut?</li>
<li>Facere incidunt odit quod voluptate.</li>
<li>Dolorum ducimus eos eum praesentium.</li>
<li>Illo minima necessitatibus vero voluptates?</li>
<li>Adipisci explicabo in nisi nobis.</li>
<li>Dolorum exercitationem itaque nihil quisquam.</li>
<li>Alias ipsum magnam minus optio.</li>
<li>Autem qui reiciendis velit voluptate.</li>
<li>Dignissimos impedit nesciunt porro quos!</li>
<li>Eligendi facilis inventore minima nisi?</li>
<li>Dolorem id molestiae perferendis tenetur.</li>
<li>Dolores dolorum ea placeat soluta.</li>
<li>Alias commodi maiores quo rerum.</li>
<li>Amet blanditiis magnam non tenetur?</li>
<li>Aliquid dolore magnam reiciendis sint.</li>
<li>Culpa iusto quos veritatis vero.</li>
<li>Amet debitis excepturi obcaecati quae.</li>
<li>Esse ipsam reprehenderit tenetur veritatis.</li>
<li>Ad atque dignissimos et fugiat?</li>
<li>Dolorum ipsum qui quia? Dicta?</li>
<li>Cupiditate delectus error ratione temporibus.</li>
<li>Aperiam minus nemo perspiciatis vero?</li>
<li>Debitis earum temporibus ullam voluptas!</li>
<li>In magni molestias odit quibusdam?</li>
<li>Deleniti magni natus tempora totam.</li>
<li>Molestiae nesciunt officia quibusdam rerum!</li>
<li>Ab aliquid quaerat repudiandae tempora.</li>
<li>Asperiores ea incidunt molestiae nihil.</li>
<li>Ea hic laboriosam magnam ullam.</li>
<li>Earum exercitationem ipsam ipsum magni.</li>
<li>Dolorem ea eius magnam quo?</li>
<li>Dicta harum ipsa nostrum ullam?</li>
<li>Beatae magni mollitia reiciendis sequi.</li>
<li>Facilis, nobis numquam? Suscipit, voluptas!</li>
<li>Ab et omnis quos rerum.</li>
<li>Aliquam atque delectus magnam provident?</li>
<li>Deserunt eaque quasi sunt ullam?</li>
<li>Illo nam obcaecati quo rerum?</li>
<li>Dolores harum laudantium nam voluptatem.</li>
<li>Cum, deserunt sunt. Excepturi, ipsam.</li>
<li>Esse illo nam quaerat. Unde?</li>
<li>At commodi facere maiores velit?</li>
<li>Consequatur cumque minima similique velit?</li>
<li>Cumque, eaque, nihil? Dolorum, eveniet.</li>
<li>Blanditiis hic saepe velit voluptatum.</li>
<li>Et magnam minus perspiciatis ratione?</li>
<li>Accusantium consectetur eos fuga voluptatem?</li>
<li>Aut consequuntur ipsa molestias similique.</li>
<li>Commodi deleniti id magnam quidem!</li>
<li>Aliquid aut enim quod voluptatem.</li>
<li>Exercitationem fugit perferendis sunt tempore?</li>
<li>Animi excepturi nobis quis voluptatum.</li>
<li>Accusantium consequatur debitis facilis illum?</li>
<li>Amet eius perspiciatis sed tenetur.</li>
</ul>
</div>
Raw
workshop.js
angular.module("workshop", [])
.directive("workshop", function () {
return {
templateUrl: "workshop.html",
controller: "WorkshopController as workshop"
}
})
.controller("WorkshopController", function () {
var workshop = this;
workshop.welcomeMessage = "Hi there,";
workshop.onClick = function onClick(){
alert(workshop.welcomeMessage);
}
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment