Javascript AngularJS-使用ui.router_Javascript_Angularjs_Angular Ui Router

Javascript AngularJS-使用ui.router

javascript angularjs

Javascript AngularJS-使用ui.router,javascript,angularjs,angular-ui-router,Javascript,Angularjs,Angular Ui Router,我试图使用ui.router连接我的应用程序的路由，但我遇到了一些问题。我只想加载给定特定路由的div的内容，但什么也没有出现以下是HTML： <!DOCTYPE html> <html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta charset="utf-8"> <meta

我试图使用ui.router连接我的应用程序的路由，但我遇到了一些问题。我只想加载给定特定路由的div的内容，但什么也没有出现

以下是HTML：

<!DOCTYPE html>
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Starter Template for Bootstrap</title>

    <!-- Bootstrap core CSS -->
    <link href="http://getbootstrap.com/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="stylesheets/style.css" rel="stylesheet">

  </head>

  <body ng-app="twtApp">

    <div ui-view></div>


</body>


    <!-- bower:js -->    
    <script src="bower_components/angular/angular.js"></script>
    <script src="bower_components/angular-ui-router/release/angular-ui-router.js"></script>

    <script src="javascripts/app.js"></script>
</html>


启动模板

下面是我定义模块的地方：

'use strict';

var app = angular.module('twtApp', [
  'ui.router'
])
  .config(function ($stateProvider, $urlRouterProvider) {
    $stateProvider
      // contributor
      .state('main', {
        url: '/',
        template: '<div><h1>Hello World!</h1></div>'
      });

  });

“严格使用”；
var app=角度模块（'twtApp'[
“ui.router”
])
.config（函数（$stateProvider，$urlRouterProvider）{
$stateProvider
//贡献者
.州（'main'{
url:“/”，
模板：“你好，世界！”
});
});

我做错了什么

非常感谢

我相信您需要配置

$urlRouteProvider

（您已经注入了它）以包含一个默认参数：

$urlRouterProvider.when('', '/');

我相信，如果您输入如下URL，您的代码将正常工作：

http://localhost/#/

这样，它将显式地命中您定义的“/”路由