Javascript 角度路由器不工作
我正在尝试为我的项目添加一些路由。我在angular 1.3.0中使用基本的angular route app.js文件:Javascript 角度路由器不工作,javascript,angularjs,routing,single-page-application,angularjs-routing,Javascript,Angularjs,Routing,Single Page Application,Angularjs Routing,我正在尝试为我的项目添加一些路由。我在angular 1.3.0中使用基本的angular route app.js文件: “严格使用”; var routerApp=角度模块('mcw'[ "ngRoute",, “mcw.控制器”, “指令”, “过滤器”, "妇幼保健服务",; routerApp.config(函数($routeProvider){ $routeProvider .when('/',{templateUrl:'index.html',controller:'LoginC
“严格使用”;
var routerApp=角度模块('mcw'[
"ngRoute",,
“mcw.控制器”,
“指令”,
“过滤器”,
"妇幼保健服务",;
routerApp.config(函数($routeProvider){
$routeProvider
.when('/',{templateUrl:'index.html',controller:'LoginController'})
.when('/Home',{templateUrl:'templates/Home.html',controller:'ResourcesController'})
。否则({重定向到:'/'});
});
您错过了页面上的ng view
指令,该指令从$routeProvider
加载视图,指定的控制器模板将加载到ng view
元素中
把它放在身体里面
<body>
<ng-view></ng-view>
</body>
是的,您需要车身内部的ng视图
在我的视图中,只有加载在ng view标记中的内容不应该是index.html。(但要放置在ng视图标记中的内容)。index.html应该是放置视图的页面。在中加载其他html文件(insie ng view标记)
其工作方式是将“指令”放置在ng视图标记内。
(更具体地说,您在路由器{.when}对象中键入的html文件。
在您的例子中:templates/home.html和您所谓的index.html
<!DOCTYPE html>
<html lang="en" ng-app="mcw">
<head>
<meta charset="utf-8">
<title>title spec</title>
<script src="js/angular1.3.0/angular.js"></script>
<script src="js/angular1.3.0/angular-route.js"></script>
<script src="js/angular1.3.0/angular-animate.js"></script>
<script src="js/app.js"></script>
<script src="js/commonFunc.js"></script>
<script src="js/controllers.js"></script>
<script src="js/directives.js"></script>
<script src="js/filters.js"></script>
<script src="js/server.js"></script>
<script src="js/services.js"></script>
</head>
<body>
<ng-view></ng-view>
</body>
</html>
标题规范
或者,如果您愿意,您甚至可以使用内部带有ng视图的div谢谢您的回答,我认为这是:路由器刚刚刷新了ng视图内的内容。对吗?@RTzhong正确..内容将在ng视图内刷新
element@RTzhong你还要别的吗?你会接受我的回答吗?