Question

我是angular.js的新手，我想建立我的第一个网站（音乐网站）和我试图使用$ routeProvider，当我运行该网站时，我看到它应该是正确的URL，但页面中没有任何内容。

这是＆＃34; myApp＆＃34;：

＆＃13;

var SplayApp = angular.module('SplayApp', ['ngRoute']);

SplayApp.config(['$routeProvider', function ($routeProvider) {
	$routeProvider.
	when('\Main', {
		controller : 'MainController',
		templateUrl : '\partials\Main.html'
	}).
	otherwise({
		redirectTo : '\Main'
	});
}]);

＆＃13;

这是MainController：

＆＃13;

SplayApp.controller('MainController', function($scope, $http) {
  $scope.songs = [{
	'band' : 'Some band',
	'songName' : 'Some name',
	'fileName' : 'The file url in my computer'
},
{...},
{...},
{...}];
});

＆＃13;

这是我要加载的Main.html（非常简单的页面）：

＆＃13;

<div ng-repeat="song in songs">
	<audio controls>
  		<source src={{song.fileName}} type="audio/ogg">
    </audio>
</div>

＆＃13;

这是我运行的Index.html：

＆＃13;

<html ng-app="SplayApp">
<head>
	<title></title>
	<script src="lib/angular.js"></script>
	<script src="lib/angular-route.min.js"></script>
	<script src="js/SplayApp.js"></script>
	<script src="js/MainController.js"></script>
</head>
<body>
	<div ng-view>
	</div>
</body>
</html>

＆＃13;

注意：当我尝试仅打开Main.html时，它会加载，我会看到该页面。

你们能帮助我吗？

Answer 1

我认为您需要将所有反斜杠更改为斜杠。

\Main至/Main和\partials\Main.html至/partials/Main.html

应该是它。

$ routeProvider - 正确的URL但没有加载页面

1 个答案: