Первоначально я пытался загрузить всплывающее окно начальной загрузки, но директива не работала должным образом. Подозревая проблему с загрузкой ui.bootstrap, я пробовал с простой панель прогресса, и она по-прежнему не загружается. Короче говоря, я думаю, что ui.bootstrap загружается, но по какой-то причине он не запускается правильно. Я использую webpack. Может ли кто-нибудь увидеть, что я делаю неправильно здесь? Я не получаю никаких ошибок при загрузке.Webpack, Angular-UI-Bootstrap не загружается должным образом
Мои мысли сейчас: я не правильно загрузил эту директиву. Возможно, шаблоны не загружаются.
Bundle JS:
/* 3 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
__webpack_require__(4);
module.exports = 'ui.bootstrap';
/***/ },
запись JS:
var angular = require('angular');
var uiBootstrap = require('angular-ui-bootstrap');
var uiRouter = require('angular-route');
var moment = require('moment');
var angularCalendar = require('angular-bootstrap-calendar');
var layout = require('./js/angular/layout/layout.module.js');
var layoutController = require('./js/angular/layout/layout.controller.js');
angular.module('app', ['layout','ngRoute','ui.bootstrap','mwl.calendar']);
var app = angular.module('app');
Layout Контроллер:
angular.module('layout', []);
angular
.module('layout')
.controller('Layout', Layout);
Layout.$inject = ['$log'];
function Layout($log) {
/*jshint validthis: true */
var vm = this;
}
Шаблон:
<body ng-app="app" class="container">
<div ng-controller="Layout as layout">
<h1>{{layout.content.model.layout.header}}</h1>
<div class="nav">
<uib-progressbar value="55"></uib-progressbar>
</div>
</div>
</body>
Вы загрузили jquery перед ui.bootstrap? –
У меня нет загруженного jQuery. Угловой-ui-bootstrap не имеет зависимости от jQuery. https://angular-ui.github.io/bootstrap/#/getting_started – bigjollygiant14