Angular JS，ngRoute 不起作用

我一直在努力工作。我无法加载模块" ngroute"。我不知道为什么。当我尝试此代码时，什么也不会发生，只有一个空白页。

这是我的app.js。

var app = angular.module('tutorialApp', ['ngRoute', 'tutorialCtrlModule']);
app.config(function($routeProvider) {
    $routeProvider
        .when("/", {
            templateUrl : "views/viewCourse.html"
            controllers : "tutorialCtrl"
        });
});

我的index.html：

<html ng-app="tutorialApp">
<head>
    <meta charset="utf-8">
    <title>Teste</title>
    <meta name="description" content="The HTML5 Herald">
    <meta name="author" content="SitePoint">
    <script src="lib/angular-route.min.js"></script>
    <script src="lib/angular-locale-pt-br.js"></script>
    <script src="lib/angular.min.js"></script>
    <script src="js/app.js"></script>
    <script src="js/controllers/tutorialCtrl.js"></script>

    <!--[if lt IE 9]>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
    <![endif]-->
</head>
<body>
<div ng-view></div>
</body>
</html>

两件事：

加载Angular.js
在app.js中定义路由时存在语法错误；因为" templateUrl"值应该有一个逗号''。看起来应该这样：

when（"/"，{ TemplateUrl：" views/viewcourse.html"，控制器：" tutorialctrl" }）;

您还介意在浏览器中访问此页面时共享URL。

我创建了一个简单的plunker：http：//plnkr.co/edit/tbisv2hhmjbhoyyapphn

angular.module("myApp", ['ngRoute']);
angular.module("myApp").config(function($routeProvider) {
  $routeProvider
    .when('/test', {
      templateUrl: 'Welcome.html',
      controller: 'TestController',
      controllerAs: 'testController'
    })
});
angular.module("myApp").controller('testCtrl', testCtrl);
function testCtrl($timeout, $q, $log, $location, $scope) {
  $scope.navigate = function(){
    $log.info('Success');
    $location.path('/test');
  }
}

相关内容

最新更新

热门标签：