gpt4 book ai didi

html - AngularJS、AngularUi( Bootstrap )和 NgRoute

转载 作者:太空狗 更新时间:2023-10-29 16:45:44 24 4
gpt4 key购买 nike

我正在使用 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 View 的 div 中。

当页面加载到 ng View 时使用

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 Bootstrap 功能(如警报)应该可以工作,但它似乎在 ngview 中不起作用,它似乎只有在我将它添加到主基页时才起作用。有没有办法让它在 ngView 加载页面中工作?

Bootstrap UI 功能示例:

<alert type="success">This should work</alert>

更新:Plunker 但无法让 ngroute 工作,但基础就在那里: http://plnkr.co/edit/Njg16e01Ocv1iC1qzn7A?p=preview

最佳答案

可能是因为您在“staffPanelApp”上创建了 Controller ,但您的 ngApp 名为 myApp?

关于html - AngularJS、AngularUi( Bootstrap )和 NgRoute,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31364556/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com