使用AngularJS 1.4.1、NGRoute 1.4.1和https://angular-ui.github.io/bootstrap/
基础结构是

<html ng-app="myApp">
  <base href="/">
  <body>
    <div ng-view></div>
  </body>
</html>

我使用ngroute加载我网站的每个页面,如关于、联系我们等…进入带有NG视图的DIV。
当页面加载到ng视图时,使用
var myApp = angular.module('myApp', ['ngRoute', 'ngProgress', 'ui.bootstrap']);

myApp.config(function($routeProvider,$locationProvider){$routeProvider
.when('/about',{templateUrl:'about.php',controller:'mainController'})
.otherwise({redirectTo:'/'});

staffPanelApp.controller('mainController', function($scope, $route, $routeParams, $location, $templateCache, ngProgress) {
  $templateCache.removeAll();
  ngProgress.start();
  $scope.$route = $route;
  $scope.$location = $location;
  $scope.$routeParams = $routeParams;
  ngProgress.complete();
});

UI引导功能(如alert)应该可以工作,但在ngview中似乎不工作,它似乎只在我将其添加到主基页时工作。有没有办法让它在ngview加载页面中工作?
引导用户界面功能示例:
<alert type="success">This should work</alert>

更新:
劫掠者,但不能让ngroute工作,但其基础是:
http://plnkr.co/edit/Njg16e01Ocv1iC1qzn7A?p=preview

最佳答案

可能是因为你在“staffpanelap”上创建了控制器,但是你的ngapp被称为myapp?

07-24 16:09