Angular JS，ngRoute不起作用

Question

我一直在尝试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>

Answer 1

两件事情：

加载Angular.js后加载angular-route.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');
  }
}

Angular JS，ngRoute不起作用

问题描述

1 个解决方案

解决方案1
0 2017-03-05 22:39:23

Angular JS，ngRoute不起作用

问题描述

1 个解决方案

解决方案1 0 2017-03-05 22:39:23

解决方案1
0 2017-03-05 22:39:23