Question

使用ng-route创建一个简单的angularjs应用程序，index.html页面有一个bootstrap轮播，当点击该按钮时，下一个和上一个按钮被导航到下面的下一个Html页面是我的plunkr链接以及我的script.js文件如果错了请更正，我搜索了很多，但没有为这个问题找到合适的解决方案

Working Link

var appname = angular.module('appname', ['ngRoute', 'ngAnimate']);
appname.config(['$routeProvider',
  function ($routeProvider) {
      $routeProvider.
        when('/', {
            templateUrl: 'indexView.html',
            controller: 'indexController'
        }).
        when('/about', {
            templateUrl: 'about.html', 
        }).
        when('/contact', {
            templateUrl: 'contact.html', 
        }).
        otherwise({
            redirectTo: '/'
        });
  }]).controller('MainCtrl', function($scope, $location) {
    $scope.isIndexPage = function() {
      return $location.path() === '/';
    }
  });

Answer 1

检查一下，现在一切都很顺利。

http://plnkr.co/edit/JcInw9ZUz6vfFO5InV7N?p=preview

在创建MainCtrl之前重新编写MainCtrl部分并且从未更新，但现在它会侦听路由更改并相应地隐藏轮播。

$scope.$on('$routeChangeSuccess', function () {
  $scope.isIndexPage = $location.path() === '/';
});

Bootstrap Carousel不使用角度ng路线

1 个答案: