Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/394.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 角度路由器不工作_Javascript_Angularjs_Routing_Single Page Application_Angularjs Routing - Fatal编程技术网

Javascript 角度路由器不工作

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

我正在尝试为我的项目添加一些路由。我在angular 1.3.0中使用基本的angular route

app.js文件:

“严格使用”;
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你还要别的吗?你会接受我的回答吗?