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