我正在尝试运行此代码:
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<title>Exemple 06</title>
</head>
<body>
<!-- Diretiva ng-repeat -->
<div ng-controller="MyController">
<a ng-href="#/">Page 1</a> | <a ng-href="#/p2">Page 2</a>
<div ng-view="#/p2"></div>
</div>
<script src="js/angular.js"></script>
<script src="js/angular-route.js"></script>
<script type="text/javascript">
var myApp = angular.module('myApp', ['ngRoute']);
myApp.config(function($routeProvider){
$routeProvider
.when('/' , {controller: 'MyController', templateUrl: 'p1.html'})
.when('/p2', {controller: 'MyController', templateUrl: 'p2.html'})
.otherwise({ redirectTo: '/'});
});
myApp.controller('MyController', function($scope){
$scope.nomes = [
{id: 1, nome: 'Arthur'},
{id: 2, nome: 'Portos'},
{id: 3, nome: 'Aramis'}
];
});
</script>
</body>
但出现以下错误:
XMLHttpRequest 无法加载 file:///home/93579551515/Desktop/Angular/p1.html。跨源请求仅支持 HTTP。
我不想在网络服务器上运行它。
最佳答案
您可以添加模板,例如 p1.html
和 p2.html
在您的 index.html
把它们放进去 script
标签,如 mentioned in the docs .
<script type="text/ng-template" id="p1.html">
This is the content of the template
</script>
然后
angular
将不再需要发出 AJAX 请求来获取它们。请注意这些
script
元素必须出现在 ng-app
之后.
关于angularjs - 跨源请求仅支持 HTTP,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19847252/