У меня есть HTML-файл, который реализует AngularJS маршруты следующим образом,Почему маршруты AngularJS не работают на местном уровне?
index.html:
<!DOCTYPE html>
<html ng-app="demo">
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div ng-view>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js"></script>
<script src="http://code.angularjs.org/1.2.1/angular-route.min.js"></script>
<script>
// Code goes here
var demo = angular.module('demo', ['ngRoute']);
demo.config(function($routeProvider){
$routeProvider.when('/', {
controller: 'testController',
templateUrl: 'test.html'
})
})
var controllers = {};
controllers.testController = function($scope){
$scope.first = "Info";
$scope.customers=[
{name:'jerry',city:'chicago'},
{name:'tom',city:'houston'},
{name:'enslo',city:'taipei'}
];
}
demo.controller(controllers)
</script>
</body>
</html>
test.html:
<div>
<input type="text" ng-model="name"/>
</br>
{{first}}
</br>
<ul>
<li ng-repeat="cust in customers | filter:name">{{cust.name | uppercase}} - {{cust.city}}</li>
</ul>
</div>
Вы можете найти рабочую версию here
Но почему это не работает, когда я запускаю то же самое в своем местном owser :(
Здесь ошибка консоли хром:
Любая помощь оценили! :)
Проверьте ошибки на экране. Чтобы быть конкретным, 'Не удалось загрузить ресурс: Origin null не разрешен Access-Control-Allow-Origin'. Вероятно, это блокировка и не загрузка вида. – gustavodidomenico