AngularJS пишет приложение без сервера
Я пытаюсь написать приложение на стороне клиента AngularJS.
Я подумал, что смогу загрузить его из Chrome, набрав в адресной строке: file: /// C: /path/to/project//index.html Я также попытался вызвать Chrome с флагом --allow-file -доступ-из-файлов
К сожалению, ничего не произошло - работает только значок занятости на названии вкладки.
Почему не загружается мое приложение?
Я использую следующий код:
index.html:
<!doctype html>
<html ng-app="app">
<head>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.16/angular.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.16/angular-route.js"></script>
<script src="app.js"></script>
<title></title>
</head>
<body style="background-color: white;">
<h1>Index</h1>
<a id="link" href="/login">Go to login</a>
<ng-view></ng-view>
</body>
</html>
app.js:
angular.module('app', ['ngRoute']).
config(function($routeProvider) {
$routeProvider.
when('/', {controller: HomeCtrl, templateUrl: 'app.html'}).
when('/login', {controller: LoginCtrl, templateUrl: 'login.html', resolve: function() {}}).
otherwise({redirectTo:'/'});
});
function HomeCtrl($scope) {
$scope.numbers = [1,2,3,4,5];
}
function LoginCtrl($scope) {
}
app.html:
<div ng-controller="HomeCtrl">
<ul ng-repeat="number in numbers" >
<li>{{number}}</li>
</ul>
</div>
Редактировать:
2 возможных решения:
Закройте все экземпляры Chrome и запустите из командной строки:"C: \ Program Files (x86) \ Google \ Chrome \ Application \ chrome.exe" - доступ к файлам из файлов - доступ к файламЗапустите Firefox, который не имеет этого ограничения (как упомянуто @GeekBoy)