Html Angular.js网页路由不适用于SPA（使用ng view和routeProvider）_Html_Angularjs_Angular Ui Router_Ng View_Route Provider

Html Angular.js网页路由不适用于SPA（使用ng view和routeProvider）

html angularjs

Html Angular.js网页路由不适用于SPA（使用ng view和routeProvider）,html,angularjs,angular-ui-router,ng-view,route-provider,Html,Angularjs,Angular Ui Router,Ng View,Route Provider,我正在尝试使用Angularjs库中的$routeProvider和ng视图在index.html中插入一个视图。有人能帮我弄清楚为什么它没有被插入吗以下是我的index.html、我的视图和我的app.js文件： index.html： <!doctype html> <html lang='en' ng-app="myApp"> <head> <script src="app/lib/angular.min.js"></scr

我正在尝试使用Angularjs库中的$routeProvider和ng视图在index.html中插入一个视图。有人能帮我弄清楚为什么它没有被插入吗

以下是我的index.html、我的视图和我的app.js文件：

index.html：

<!doctype html>
<html lang='en' ng-app="myApp">
<head>


   <script src="app/lib/angular.min.js"></script>
   <script src="app/lib/angular-route.min.js"></script>
   <script src="app/lib/app.js"></script>

   <link rel="stylesheet" href="styles.css">
</head>
<body>

<main ng-view>
</main>

</body>
</html>

my login.html（位于我的项目的“视图”文件夹中）：

欢迎进入登录页面！

当我尝试在atom中预览此页面时，index.html是空的。知道出了什么问题吗？

希望您正在某台服务器上运行应用程序。因为同样的代码对我来说工作正常

app.js文件

var app = angular.module('myApp', ['ngRoute']);

app.config(['$routeProvider', function($routeProvider) {

  $routeProvider
    .when('/login', {
      template: '<h1>Welcome to the login page!</h1>'
    })
    .otherwise({
      redirectTo: '/login'
    });

}]);

var-app=angular.module（'myApp'，['ngRoute']）；
app.config（['$routeProvider'，函数（$routeProvider）{
$routeProvider
.when（“/login”{
模板：“欢迎进入登录页面！”
})
.否则({
重定向到：'/login'
});
}]);

单击此处查看工作插销。

对不起。。。主要是什么？是的，atom中的预览看起来有问题，谢谢！

<h1>Welcome to the login page!</h1>

var app = angular.module('myApp', ['ngRoute']);

app.config(['$routeProvider', function($routeProvider) {

  $routeProvider
    .when('/login', {
      template: '<h1>Welcome to the login page!</h1>'
    })
    .otherwise({
      redirectTo: '/login'
    });

}]);