AngularJS Skel
Basic AngularJS skel to quickly get a JSFiddle up and running
by sc0ttyd
HTML
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.min.js"></script>
<div ng-controller="Ctrl">
<h1>AngularJS {{not_working}} <example></example></h1>
</div>
JavaScript
'use strict';
/**
* AngularJS Boilerplate fiddle
* Scott Donnelly
*/
var app = angular.module('app', ['directives', 'controllers']);
/***** Directive *****/
angular.module('directives', []).directive('example', function () {
return {
restrict: 'E',
replace: true,
scope: { source: '&' },
template: '<span>works!</span>',
link: function (scope, element, attrs) {
} // end link function
}; // end return
}); // end directive definition
/***** Controller *****/
angular.module('controllers', []).controller('Ctrl', function Ctrl($scope, $http) {
$scope.not_working = "really";
});