Hey there! I'm having a bit of trouble figuring out why this isn't showing up. Both View1.html and View2.html are in the partials folder, so that's not the issue. Sometimes the screen is completely blank, other times I only see a Name: label and a text box, and occasionally I do see View1 but never any customer names. Any ideas? Thanks for your help.
<!DOCTYPE html>
<html ng-app="uniqueApp">
<head>
<base href="/"> <!-- necessary for Angular HTML 5 mode -->
<title>Unique Angular Todo</title>
<link rel="stylesheet" type="text/css" href="http://localhost:8080/bower_components/bootstrap/dist/css/custom-bootstrap.css">
<script type="text/javascript" src="http://localhost:8080/bower_components/jquery/dist/unique-jquery.js"></script>
<script type="text/javascript" src="http://localhost:8080/bower_components/bootstrap/dist/js/custom-bootstrap.js"></script>
<script type="text/javascript" src="http://localhost:8080/bower_components/angular/angular.js"></script>
<script type="text/javascript" src="http://localhost:8080/bower_components/angular-route/angular-route.js"></script>
</script>
<style>
.custom-container{
padding: 20px;
background-color: green;
}
</style>
</head>
<body>
<div>
<div data-ng-view></div>
</div>
<script>
var uniqueApp = angular.module('uniqueApp', []);
uniqueApp.config(function ($routeProvider){
$routeProvider
.when('/',
{
controller: 'CustomController',
templateUrl: 'Partials/View1.html'
})
.when('/view2',
{
controller: 'CustomController'
templateUrl: 'Partials/View2.html'
})
.otherwise({ redirectTo: '/'});
});
uniqueApp.controller('CustomController', function ($scope) {
$scope.clients = [{
name: 'Jane Smith', city: 'London'
},
{
name: 'John Doe', city: 'Paris'
},
{
name: 'Michael Brown', city: 'Tokyo'
}
];
$scope.addClient= function (){
$scope.clients.push(
{ name: $scope.newClient.name. city: $scope.newClient.city
});
};
});
</script>
<script src='js/custom-controller.js'></script>
</body>
</html>