<!DOCTYPE html>
<html ng-app="Main">
<head>
<script data-require="angular.js@1.1.5" data-semver="1.1.5" src="http://code.angularjs.org/1.1.5/angular.min.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body>
<div ng-view></div>
</body>
</html>
// Code goes here
var app = angular.module("Main", []);
app.config(function($routeProvider){
$routeProvider
.when('/',{ templateUrl: 'main.html',controller:'MainCtrl'})
.when('/adhoc',{ templateUrl: 'adhoc.html'});
});
app.run(function ($rootScope) {
$rootScope.response = {};
$rootScope.addHocLevel2 = {};
});
app.controller('MainCtrl',function($scope, $rootScope, $location, $http, $window) {
$scope.url = 'http://ec2-50-112-30-246.us-west-2.compute.amazonaws.com:9210/processAdHoc';
$scope.errorM = "No results";
$scope.searchStep2 = function() {
$rootScope.routeAd = {"route": "/adhoc"};
$rootScope.addHocLevel2 = {"suggestedCategory": "Car","suggestedLocLabel": "world","suggestedShadowURL": "http://www.toyota.com/auris/hybrid"};
$location.path($rootScope.routeAd.route);
};
});
/* Styles go here */
{{addHocLevel2.suggestedCategory}}
<button ng-click="searchStep2()">Some Link</button>