On Friday, July 8, 2016 at 4:10:59 PM UTC+5:30, Uma Chikkegowda wrote:
>
> i am using ui route to load the different html file
> i have 4 html and 4 cntorllers. the html file is loading but the
> cooresponding controller is giving above error when i visit each page. i
> have included all the controller and services in the main html page. not
> sure whats wrong here. please help as i am new to angularjs
>
>
> Thanks
> Uma
>
jsfile
============
var myApp =
angular.module('myApp',['ivh.treeview','ui.bootstrap','ngResource','ui.router']);
fiaascoApp.config(['$stateProvider','$urlRouterProvider',function($stateProvider,
$urlRouterProvider){
$urlRouterProvider.otherwise('/overview');
$stateProvider
.state('home',{
url:'/home',
templateUrl : './home.html',
controller : 'homeController'
})
.state('contact',{
url:'/contact',
templateUrl : './contact.html',
controller : 'contactController'
})
.state('about',{
url:'/about',
templateUrl : './about.html',
controller : 'aboutController'
})
.state('overview',{
url:'/overview',
templateUrl : './overview.html'
});
}]);
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">
</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/vmw-logo.png" alt="vmware logo not loaded"
class="logo"></a> <span
class="title">test</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="home">home</a></li>
<li class="nav-item"><a class="nav-link" ui-sref="about">about</a></li>
<li class="nav-item"><a class="nav-link" ui-sref="contact">contact</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_service.js"></script>
<script src="resources/js/user_controller.js"></script>
<script src="resources/js/ExecutionService.js"></script>
<script src="resources/js/aboutService.js"></script>
<script src="resources/js/aboutController.js"></script>
<script src="resources/js/homecontroller.js"></script>
<script src="resources/js/contactController.js"></script>
<script src="resources/js/contactService.js"></script>
<script src="resources/js/mytest.js"></script>
<script src="resources/lib/ui-bootstrap-tpls-0.11.0.js"></script>
<script src="resources/lib/ivh-treeview.js"></script>
</body>
</html>
--
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.
