Angularjs路线改变不起作用

时间:2016-10-14 15:04:28

标签: angularjs

HY。

我将使用angularjs,但我有一点问题。 这是我的第一个应用程序!

当我将路线滚动更改为顶部不起作用时。

//index.html        
        <body ng-app="WebApp">
          <div class="wrapper" >
            <div ng-include='"templates/sidebar.html"'></div>
            <div class="main-panel">
              <div ng-include='"templates/header.html"'></div>
              <div ng-view ></div>
            </div>
          </div>
        </body>

我的js文件:

//app.js
var app = angular.module('WebApp', [
  'ngRoute','ui.bootstrap'
]);

app.config(['$routeProvider', function ($routeProvider) {
  $routeProvider
    // Home
    .when("/", {templateUrl: "partials/home.html", controller: "PageCtrl"})
    // Pages
    .when("/page_two", {templateUrl: "partials/page2.html", controller: "PageCtrl"})

    .when("/404", {templateUrl: "partials/404.html", controller: "PageCtrl"})
    .otherwise({ redirectTo: '/404'});
}]).run(['$rootScope', '$location', function($rootScope, $location){
   var path = function() { return $location.path();};
   $rootScope.$watch(path, function(newVal, oldVal){
     $rootScope.activetab = newVal;
   });


}]);


app.controller('PageCtrl', function (/* $scope, $location, $http */) {
});

我在运行中尝试过window.scrollto - 没有工作。 我已将自动滚动添加到ng-view,但也无法正常工作。 stackoverflow在这里为evryone工作但不适合我吗?有人可以帮忙吗?

0 个答案:

没有答案