Question

我正在尝试设置一个演示角度应用程序但由于某种原因我的部分（partials / test.html）内容未加载到布局文件中。这是index.html：

<!DOCTYPE html>
<html lang="en" ng-app="btq">
<head>
    <meta charset="utf-8" />
    <title>NgView Test</title>
</head>

<body>

<p>Some stuff on the page.</p>

<div ng-view></div>

<script src="js/angular.js"></script>
<script src="js/app.js"></script>

</body>
</html>

angular.js是版本1.0.7。 app.js包含以下内容：

'use strict';

// Declare app level module which depends on filters, and services
angular.module('btq', []).
  config(['$routeProvider', function($routeProvider) {
    $routeProvider.when('/dashbaord', {templateUrl: 'partials/test.html', controller: 'DashboardCtrl'});
    $routeProvider.otherwise({redirectTo: '/dashboard'});
  }]);

/* Controllers */

angular.module('btq.controllers', []).
  controller('DashboardCtrl', [function() {

  }]);

我显然错过了一些简单的事情。任何帮助，将不胜感激！

Answer 1

可能是因为“拼写错误”。你在这里写了“仪表板”而不是“仪表板”：

$routeProvider.when('/dashbaord' , ...

Answer 2

更改

angular.module('btq.controllers', [])

到

angular.module('btq')

否则会在app.js

中创建第二个应用

angularjs ng-view不加载模板文件内容

2 个答案: