AngularJS-使用ui.router

Question

我正在尝试使用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>'
      });

  });

我究竟做错了什么？

非常感谢

Answer 1

我相信您需要配置$urlRouteProvider （已经注入）以包括默认参数：

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

我相信，如果您输入如下所示的URL，您的代码将起作用：

http://localhost/#/

这样，它将明确达到您定义的“ /”路由。

有关$ urlRouteProvider的更多信息

AngularJS-使用ui.router

问题描述

1 个解决方案

解决方案1
1 2014-06-25 19:31:09

AngularJS-使用ui.router

问题描述

1 个解决方案

解决方案1 1 2014-06-25 19:31:09

解决方案1
1 2014-06-25 19:31:09