Javascript ngRoute工作,但我想切换到ui路由器。。。。现在我的应用程序似乎没有初始化
我有一个运行在express和angular上的应用程序。我想切换到ui路由器以利用多个视图,但它似乎不起作用 app.js template.hjs 这在ngRoute上运行得很好,但我切换了,这样我就可以在基础重新工作后分配视图。我做错了什么 我的主页上也有一个链接Javascript ngRoute工作,但我想切换到ui路由器。。。。现在我的应用程序似乎没有初始化,javascript,node.js,angularjs,express,angular-ui,Javascript,Node.js,Angularjs,Express,Angular Ui,我有一个运行在express和angular上的应用程序。我想切换到ui路由器以利用多个视图,但它似乎不起作用 app.js template.hjs 这在ngRoute上运行得很好,但我切换了,这样我就可以在基础重新工作后分配视图。我做错了什么 我的主页上也有一个链接 <div class="col-lg-3 text-center"> <a ui-sref="funnel" class="btn btn-warning">
<div class="col-lg-3 text-center">
<a ui-sref="funnel" class="btn btn-warning">TestView</a>
</div>
不执行任何操作看起来问题可能出在$urlRouterProvider。否则{重定向到:'/'};。尝试将其更改为$urlRouterProvider。否则为“/”;从文档中可以看出,很难说,是不是您忘了将其放在ui视图而不是ng视图中?我还看到了一个错误,您有一个详细的子状态,它的父级为about,但是我没有看到在任何地方定义about状态。我删除了子状态,使其大约。。。我确实在template.hjsI中定义了ui视图,但它没有更改任何内容。页面上是否出现任何javascript错误?您可以尝试的另一件事是将第一个状态字符串从更改为其他任何内容,因为这在ui路由器中似乎是无效的状态名称。我这样做了,以前也是这样。。。我的应用程序似乎未初始化
<html lang="en" ng-app="myApp">
<head>
<meta charset="UTF-8">
<title>Home</title>
<link rel="stylesheet" href="/stylesheets/bootstrap.css" />
<link rel="stylesheet" href="/stylesheets/bootstrapValidator.min.css" />
<link rel="stylesheet" href="/fonts/font-awesome-4.0.3/css/font-awesome.min.css" />
<link rel="stylesheet" href="/stylesheets/screen.css" />
<!-- Style for Newsticker Begin-->
<link rel="stylesheet" href="/stylesheets/newsticker.css" />
<link rel="stylesheet" href="/stylesheets/prism.css" />
<link rel="stylesheet" href="/stylesheets/teamBio.css" />
<!-- Style for Newsticker End-->
</head>
<body>
<div >
{{> header}}
<div ui-view>{{> maincontent}}</div>
{{> footer}}
<script src="/js/jquery.min.js"></script>
<script src="/bower_components/angular/angular.js"></script>
<script src="/js/front.js"></script>
<script src="/js/controllers.js"></script>
<script src="/bower_components/angular-ui-router/release/angular-ui-router.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/bootstrapValidator.js"></script>
<script src="/js/signup-init.js"></script>
<!-- Scripts for NEWSTICKER Begin -->
<script src="/js/prism.js"></script>
<script src="/js/jquery.newsTicker.js"></script>
<script src="/js/init_newsticker.js"></script>
<!-- Scripts for NEWSTICKER End -->
{{> signupModal}}
</div>
</body>
</html>
var myApp = angular.module('myApp', [
'myApp.controllers',
'ui.router'
])
myApp.config(function($stateProvider, $urlRouterProvider, $locationProvider) {
$locationProvider.html5Mode(true);
$urlRouterProvider.otherwise({
redirectTo: '/'
});
$stateProvider.
state('', {
url: '/',
templateUrl: '/partials/homepage',
controller: 'MyCtrl1'
}).
state('about.detail', {
url: '/about/:id',
templateUrl: function(params){
return '/partials/about/'+params.id
},
controller: 'MyCtrl1'
}).
state('funnel', {
url: '/funnel',
templateUrl: '/partials/funnel',
controller: 'MyCtrl2'
});
});
<div class="col-lg-3 text-center">
<a ui-sref="funnel" class="btn btn-warning">TestView</a>
</div>