Question

我尝试学习AngularJS。目前我专注于ui-Routing。我的代码非常简单，但是它起作用，我不知道为什么。

我的问题描述：

http://de.tinypic.com?ref=kd22ow.jpg

浏览器显示：＆＃34; Hello World ui-Routing！＆＃34; （index.html中的h1）

如果我尝试输入index.html / home。它说：找不到错误文件！

这是我的代码：

的index.html

<html>
  <head>
        <title>My Angular App!</title>
        <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.19/angular.min.js"></script>
        <script src="app.js"></script>
  </head>
  <body ng-app="Test" ng-controller="MainCtrl">
    <h1>Hello World ui-Routing!</h1>
        <div ui-view>
        </div>
  </body>
</html>

app.js：

angular.module('Test', ['ui-router'])

.config([
'$stateProvider',
'$urlRouterProvider',
function($stateProvider, $urlRouterprovider)
{
  $stateProvider

    .state('home', {
      url: '/home',
      templateUrl: '/home.html',
      controller: 'MainCtrl'
    });

    .state('test', {
      url: '/test',
      templateUrl: '/test.html',
      controller: 'TestCtrl'
    });

  $urlRouterProvider.otherwise('home');
}])

.controller('MainCtrl', ['$scope',
function($scope){
 $scope.test = "Hello Jan!";
});

.controller('TestCtrl', ['$scope', 
function($scope){
 $scope.test = "Hello Redirect!";
});

的test.html：

<h2>Hello Test! </h2>

home.html的：

<h2>Hello Home! </h2>

我的问题在哪里？

期待您的回答，扬

Answer 1

你需要在你的html页面中包含ui-router脚本，它也是第三方，不包括在角度中。

基本UI路由示例但发生错误

1 个答案: