AngularJS-路由不'；行不通
我正在为我正在建设的一个项目学习angular js 到目前为止，它似乎是一个很好的框架，非常有用和直观， 但每当我尝试实现路由时，我都会遇到问题 我有以下代码：AngularJS-路由不'；行不通,angularjs,angularjs-routing,Angularjs,Angularjs Routing,我正在为我正在建设的一个项目学习angular js 到目前为止，它似乎是一个很好的框架，非常有用和直观， 但每当我尝试实现路由时，我都会遇到问题 我有以下代码： <!DOCTYPE html> <html data-ng-app="myApp"> <head> <title></title> <meta charset="utf-8" /> <script src="libs/angular
<!DOCTYPE html>
<html data-ng-app="myApp">
<head>
<title></title>
<meta charset="utf-8" />
<script src="libs/angular.min.js"></script>
<script src="libs/angular-route.min.js"></script>
<script type="text/javascript">
var app = angular.module('myApp', ['ngRoute']);
app.config(function ($routeProvider) {
$routeProvider.when('/', {
templateUrl: 'home.html',
controller: 'HomeController'
}).otherwise({ redirectTo: '/' });
});
app.controller('HomeController', function ($scope) {
$scope.people = [
{
name: "Arik",
age: 19
},
{
name: "Bar",
age: 19
}
];
});
</script>
</head>
<body>
<div data-ng-view></div>
</body>
</html>
var-app=angular.module（'myApp'，['ngRoute']）；
app.config（函数（$routeProvider）{
$routeProvider.when（“/”{
templateUrl:'home.html'，
控制器：“HomeController”
})。否则（{重定向到：'/'}）；
});
应用程序控制器（'HomeController'，函数（$scope）{
$scope.people=[
{
名字：“阿里克”，
年龄:19
},
{
名称：“酒吧”，
年龄:19
}
];
});
<ul>
<li data-ng-repeat="person in people">
<b>{{ person.name }}</b> - {{ person.age }}
</li>
</ul>
-
{{person.name}-{{person.age}
home.html另外我推荐你使用，更简单。是在plunker中使用ui router进行路由的工作模板您的代码看起来很棒，证明它是有效的，
我建议您在html之后加载脚本，这样在下载文件之前，您就不会让用户一直看空白页。console中有任何错误吗？还可以查看开发工具的“网络”选项卡。任何404错误（对于脚本或home.html页面）？许多，XMLHttpRequest无法加载，错误：未能在“XMLHttpRequest”上执行“发送”：未能加载，错误：[$compile:tpload]您实际上有一个web服务器来为您的文件提供服务，还有一个类似
http://.../index.htmlfile://...