here is my code:
app.js
------------
var App =
angular.module('myApp',['ivh.treeview','ui.bootstrap','ngResource','ui.router',]);
App.config(['$stateProvider','$urlRouterProvider','$controllerProvider',function($stateProvider,
$urlRouterProvider,$controllerProvider){
$controllerProvider.allowGlobals();
$urlRouterProvider.otherwise('/overview');
$stateProvider
.state('execution',{
url:'/execution',
templateUrl : './Execution.html',
controller : 'ExecutionController'
})
.state('testbedconfiguration',{
url:'/testbedconfiguration',
templateUrl : './testbed.html',
controller : 'UserController'
})
.state('faultset',{
url:'/faultset',
templateUrl : './FaultList.html',
controller : 'FaultOperationController'
})
.state('overview',{
url:'/overview',
templateUrl : './overview.html'
})
.state('testreport',{
url:'/testreport',
templateUrl : './testhistroy.html',
controller : 'TestBedOperationController'
});
}]);
usercontroller.js
------------------------------
App
.controller(
'UserController',
['UserService','$http',function(UserService) {
var self = this;
self.user = {
id : null,
testBedName : '',
testBedDescription : '',
vCloudConfiguration : ''
};
self.currentPage = 1;
self.numPerPage = 5;
self.paginate = function (value) {
var begin, end, index;
begin = (self.currentPage - 1) * self.numPerPage;
end = begin + self.numPerPage;
index = self.users.indexOf(value);
return (begin <= index && index < end);
};
self.users = [];
self.fetchAllUsers = function() {
UserService
.fetchAllUsers()
.then(
function(response) {
self.users = response;
},
function() {
console
.error('Error while fetching TestBeds');
});
};
self.createUser = function(user) {
UserService
.createUser(user)
.then(
self.fetchAllUsers,
function() {
console
.error('Error while creating TestBed.');
});
};
self.updateUser = function(user, id) {
UserService
.updateUser(user, id)
.then(
self.fetchAllUsers,
function() {
console
.error('Error while updating TestBed.');
});
};
self.deleteUser = function(id) {
UserService
.deleteUser(id)
.then(
self.fetchAllUsers,
function() {
console
.error('Error while deleting TestBed.');
});
};
self.fetchAllUsers();
self.submit = function() {
if (self.user.id === null) {
self.createUser(self.user);
} else {
self.updateUser(self.user,
self.user.id);
}
self.reset();
};
self.edit = function(id) {
for (var i = 0; i < self.users.length; i++) {
if (self.users[i].id === id) {
self.user = angular.copy(self.users[i]);
break;
}
}
};
self.remove = function(id) {
if (self.user.id === id) {//clean form if the user to be deleted is shown
there.
self.reset();
}
self.deleteUser(id);
};
self.reset = function() {
self.users.user = {
id : null,
testBedName : '',
testBedDescription : '',
vCloudConfiguration : ''
};
$scope.myForm.$setPristine(); //reset Form
};
} ]);
userservice.js
-------------------------------
App.factory('UserService', [
'$http',
'$q',
function($http, $q) {
return {
fetchAllUsers : function() {
return $http.get(
'/services/rest/testBed/get/all/testBed')
.then(function(response) {
return response.data;
}, function(errResponse) {
console.error('Error while fetching testbeds');
return $q.reject(errResponse);
});
},
deleteUser : function(id) {
return $http['delete'](
'/services/rest/testBed/delete/testBed?id='
+ id).then(function(response) {
return response.data;
}, function(errResponse) {
console.error('Error while deleting testbed');
return $q.reject(errResponse);
});
}
};
} ]);
index.html
------------------------
<!DOCTYPE html>
<meta name="robots" content="noindex">
<html>
<head>
<meta charset="utf-8">
<title>Overview</title>
<link rel="stylesheet" href="resources/css/bootstrap.min.css">
<link rel="stylesheet" href="resources/css/app.css">
<link rel="icon" type="image/png" href="img/Injection-icon.png" />
</head>
<body ng-app="myApp" class="ng-cloak"
style="background-color: rgb(57, 137, 199);">
<div class="branding"
style="margin-left: 5%; background-color: #7eaad0; margin-right: 5%;">
<a><img src="img/logo.png" alt=" logo not loaded" class="logo"></a> <span
class="title">myapp</span>
</div>
<div
style="margin-left: 5%; border-bottom: solid; border-bottom-color: #7eaad0;
margin-right: 5%;">
<nav class="sub-nav">
<ul class="nav">
<li class="nav-item"><a class="nav-link active"
ui-sref="overview">Overview</a></li>
<li class="nav-item" ><a class="nav-link active"
ui-sref="testbedconfiguration">Test Bed Configuration</a></li>
<li class="nav-item"><a class="nav-link"
ui-sref="faultset">FaultSet</a></li>
<li class="nav-item"><a class="nav-link" ui-sref="execution">Execution</a>
</li>
<li class="nav-item"><a class="nav-link"
ui-sref="testreport">Test Report</a></li>
</ul>
</nav>
</div>
</br>
<div class="container" >
<div ui-view></div>
</div>
</div>
<script src="resources/lib/angular.js"></script>
<script src="resources/lib/angular-resource.js"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.3.1/angular-ui-router.js";></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.3.1/angular-ui-router.min.js";></script>
<script src="resources/js/app.js"></script>
<script src="resources/js/user_controller.js"></script>
<script src="resources/lib/ui-bootstrap-tpls-0.11.0.js"></script>
<script src="resources/lib/ivh-treeview.js"></script>
</body>
</html>
On Saturday, July 9, 2016 at 5:55:34 PM UTC+5:30, Uma Chikkegowda wrote:
>
> hi,
>
> I am new to angular, i am trying to use ui-route to load htmls, all my
> contoller and services are in different file but which are declared using
> same modulename. when i run my application i am getting below error
> angular.js:13642 Error: [$injector:unpr] Unknown provider:
> UserServiceProvider <- UserService <- UserController
>
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
