breadcrumb没有显示在登录页面中。我正在使用1.5及以上的版本

时间:2017-12-10 13:20:38

标签: angularjs

  

您好我正在登录页面和其他angularjs html页面应用程序上实现痕迹。我正在使用angular1.5以上版本。我一直在使用但是收到以下错误

angular.min.js:6未捕获错误:[$ injector:modulerr] errors.angularjs.org/1.5.0

你能不能请任何人教我解决这个问题,这样我就能得到解决其他问题的想法。如果可以的话,请给出任何简单的示例代码链接......



var app= angular.module('mainApp', ['ngRoute', 'angularUtils.directives.dirPagination','ng-breadcrumbs']);
app.config(['$routeProvider',function($routeProvider){
   $routeProvider
   .when('/',{
       templateUrl:'login.html',
       controller:'loginCtrl',
       label:'login'
   })
   .when('/offers',{
       templateUrl:'home.html',
       controller:'homeCtrl'
    
   })
   .otherwise({
       redirectTo:'/'
   });
}]);
app.controller('loginCtrl',['$scope','breadcrumbs',function($scope, $location,$rootScope,breadcrumbs){
    $scope.breadcrumbs = breadcrumbs;
    $scope.submit = function(){
       
       if($scope.username == 'admin' && $scope.password == 'admin'){
          $rootScope.loggedIn=true;
          $location.path('/offers');  
       }
       else{
           alert('wrong stuff');
           
       }
    }
}]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js"></script>
 <script src="resources/js/angular.js"></script>
 <script src="resources/js/angular-route.js"></script>
 <!-- <script src="resources/js/angular-route.js"></script> -->
 <script src="resources/js/dirPagination.js"></script>
 <script src="resources/js/angular-breadcrumb.min.js"></script>
 <!-- controller app -->
 <script src="resources/js/app.js"></script>
 <script src="resources/js/login.js"></script>
 <script src="resources/js/home.js"></script>
 <!--Import bootstrap.css-->
 <link type="text/css" rel="stylesheet" href="resources/css/bootstrap.min.css" />
 <script type="text/javascript" src="resources/js/jquery 3_2_1.min.js"></script>
 <script type="text/javascript" src="resources/js/bootstrap337.min.js"></script>

<body>
	<div ng-view>
      <ol class="ab-nav breadcrumb">
          <li ng-repeat="breadcrumb in breadcrumbs.get() track by breadcrumb.path" ng-class="{ active: $last }">
            <a ng-if="!$last" ng-href="#{{ breadcrumb.path }}" ng-bind="breadcrumb.label" class="margin-right-xs"></a>
            <span ng-if="$last" ng-bind="breadcrumb.label"></span>
          </li>
        </ol>
	</div>
 </body>
&#13;
&#13;
&#13;

0 个答案:

没有答案