Skip to content

Instantly share code, notes, and snippets.

@erickzanardo
Last active September 29, 2015 18:28
Show Gist options
  • Save erickzanardo/f3e8882209be24ee9745 to your computer and use it in GitHub Desktop.
Save erickzanardo/f3e8882209be24ee9745 to your computer and use it in GitHub Desktop.
Angular stand alone test
(function() {
var existingAngular = window.angular;
require("angular");
var angular = window.angular;
window.angular = existingAngular || {};
module.exports = angular;
})();
<html>
<head>
<script type="text/javascript" src="app-angular.js"></script>
</head>
<body>
<p ng-controller="ExampleController">
{{name}}
<button ng-click="sayMyName()"> Say my name </button>
</p>
</body>
<script type="text/javascript">
if(!window.angular) {
alert("There is no Angular");
}
</script>
</html>
{
"name": "browserifytest",
"version": "0.0.0",
"description": "",
"main": "",
"moduleType": [],
"license": "MIT",
"homepage": "",
"ignore": [
"**/.*",
"node_modules",
"bower_components",
"test",
"tests"
]
}
module.exports = function(app) {
app.controller("ExampleController", ["$scope", function($scope) {
$scope.name = "Bond, James Bond";
$scope.sayMyName = function() {
alert($scope.name);
};
}]);
};
(function() {
var angular = require("./angular-noconflict.js");
var app = angular.module("angular-poc", []);
require("./example-controller.js")(app);
angular.element(document).ready(function() {
angular.bootstrap(document, ["angular-poc"]);
});
})();
{
"name": "browserifytest",
"version": "1.0.0",
"description": "",
"main": "main.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC",
"dependencies": {
"angular": "^1.4.6"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment