角度路由入门

时间:2014-09-17 17:37:21

标签: javascript angularjs

我刚开始使用Angular并且似乎在第一道障碍时跌倒了。我想要开始构建一个简单的骨架应用程序。我几乎复制了angularjs.org网站的代码,并且在谈论注入时出错...对于代码转储很抱歉,但我不知道错误在哪里。

<!DOCTYPE html>
<html ng-app="triangular">
<head>

    <title>Angular Skeleton</title>

    <link rel="stylesheet" href="/style/bootstrap.css" type="text/css" /> 

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.2/angular.min.js" type="text/javascript"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-route-segment/1.3.0/angular-route-segment.min.js" type="text/javascript"></script>

    <script type="text/javascript">

         var a = angular;

         var t = a.module('triangular', ['ngRoute']);

         t.config(['$routeProvider',
         function($routeProvider) {
             $routeProvider.
             when('/page1', {
                templateUrl: 'app/modules/test/partials/partial1.html',
                controller: 'Page1Ctrl'
             }).
             when('/page2', {
                templateUrl: 'app/modules/test/partials/partial2.html',
                controller: 'Page2Ctrl'
             }).
             otherwise({
                redirectTo: '/page1'
             });
         }]);

         t.controller('Page1Ctrl', ['$scope', '$http', function($scope, $http)
         {
             $scope.placeholder = 'Test';
         }]);

         t.controller('Page2Ctrl', ['$scope', '$http', function($scope, $http)
         {
             $scope.placeholder = 'Test2';
         }]);

    </script>
</head>
<body>

    <div ng-view=""></div>

</body>
</html>

我收到此错误:错误:[$ injector:modulerr]。 它提供的链接没那么有用。它告诉我要包含路径段js文件,我做了,但错误仍然存​​在。

1 个答案:

答案 0 :(得分:1)

尝试添加:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.2/angular-route.min.js" type="text/javascript"></script>

到您的头部正下方,包括角度。我有一个类似的问题,并立即修复它。