Question

我一直在努力研究我的ngRoute而没有成功。我无法加载模块＆＃39; ngRoute＆＃39;。我不知道为什么。当我尝试这段代码时，没有任何反应，只是一个空白页面。

这是我的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 个答案: