使用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?