Вот мой plnuker, который загружает представление, как и ожидалось, на веб-сайте plnkr.
Однако, когда я загрузил планки в виде zip-файла, разархивировал его на своем компьютере и открыл index.html, представление не загружается должным образом. Я просмотрел синтаксис href и маршрутов, как обсуждалось в других связанных потоках.
<body>
<div ng-app="SmartCartApp">
<ul>
<li> <a href="#BaseStationTest">BaseStation Test</a> </li>
<li style="float:right"> <a href="#ContactUs">Contact</a> </li>
</ul>
<div ng-view=""></div>
</div>
<script type="text/ng-template" id="BaseStation.html">
<div id="div1">
<br/> {{message}}
</div>
</script>
<script type="text/ng-template" id="ContactUs.html">
<div id="div2">
<br/> {{message}}
</div>
</script>
</body>
// create the module and name it smartCartApp
var SmartCartApp = angular.module('SmartCartApp', ['ngRoute']);
// configure our routes
SmartCartApp.config(['$routeProvider', function($routeProvider) {
$routeProvider
.when('/BaseStationTest', {
templateUrl: 'BaseStation.html',
controller: 'BaseStationController'
})
.when('/ContactUs', {
templateUrl: 'ContactUs.html',
controller: 'ContactUsController'
})
.otherwise({
redirectTo: '/BaseStationTest'
});
}]);
Я считаю, что, поскольку это AngulaJs SPA и клиентская структура, ему не нужна поддержка бэкэнда (как и любой веб-сервер для его размещения). Итак, поместив все html и javaScript в папку и открыв index.html, вы должны открыть SPA. Пожалуйста, поправьте меня, если это понимание неверно, и помогите мне решить проблему.