Javascript 角度布线工作不正常？_Javascript_Html_Angularjs

Javascript 角度布线工作不正常？

javascript html angularjs

Javascript 角度布线工作不正常？,javascript,html,angularjs,Javascript,Html,Angularjs,我正在尝试用AngularJS进行路由，服务器运行良好。但角度路由无法正常工作，只有main.html页面进入ng视图，second.html不进入。在html中单击第一个和第二个时，相同的mainController正在工作，而不是secondController HTML 问题是您的脚本，它们不起作用，请使用googleapis中的脚本 var myApp=angular.module（'myApp'，['ngRoute']）； myApp.config（函数（$routeProvider

我正在尝试用AngularJS进行路由，服务器运行良好。但角度路由无法正常工作，只有main.html页面进入ng视图，second.html不进入。在html中单击第一个和第二个时，相同的mainController正在工作，而不是secondController

HTML

问题是您的

脚本

，它们不起作用，请使用

googleapis

中的脚本

var myApp=angular.module（'myApp'，['ngRoute']）；
myApp.config（函数（$routeProvider）{
$routeProvider
。当（“/”{
模板：'主页'，
控制器：“主控制器”，
})
。当（“/秒”{
模板：“{test}}”，
控制器：“第二控制器”，
})
});
myApp.controller（'mainController'，
['$scope'，'$log'，'$location'，函数（$scope，$log，$location）{
$log.info（$location.path（））；
控制台日志（“第一”）；
}])
.controller（'secondController'，['$scope'，函数（$scope）{
$scope.test=‘测试角度路线’；
}]);



您的控制台有错误吗？secondController在哪里？为什么不使用脚本运行？不要将其更改为模板…不使用templateUrl运行（希望包含更大的html文件）将模板更改为templateUrl:'pages/main.html'
<!Doctype html>

<html ng-app="myApp">
<meta charset=utf-8" />
 <head>


<script src="http://code.angularjs.org/snapshot/angular.min.js"></script>
<script src="http://code.angularjs.org/snapshot/angular-route.min.js">
</script>
<script type="text/javascript"src="app.js"></script>
<body>
<header>
    <li><a href="#/"><i></i>first</a></li>
    <li><a href="#/second"><i></i>Second</a></li>
</header>

    <div class = "container">



    <div ng-view> 

                </div>

        </body>     

<h1> this is main </h1>

 <h1> this is second </h1>

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

myApp.config(function ($routeProvider){

$routeProvider

.when('/',{
    templateUrl: 'pages/main.html',
    controller: 'mainController',
})

.when('/second',{
    templateUrl: 'pages/second.html',
    controller: 'secondController',
})

   });

     myApp.controller('mainController',
       ['$scope','$log','$location',function($scope,$log,$location){

        $log.info($location.path());
        console.log("first");

  }]);

   myApp.controller('secondController',
       ['$scope','$log','$location',function($scope,$log,$location){

        $log.info($location.path());
        console.log("second");

  }]);