Webpack,Angular-UI-Bootstrap无法正确加载

时间:2015-10-12 17:26:27

标签: angularjs webpack angular-bootstrap

最初,我试图获取加载引导下拉列表,但该指令无法正常工作。怀疑加载ui.bootstrap的问题,我尝试了一个简单的进度条,它仍然没有加载。长话短说,我认为ui.bootstrap正在加载,但由于某种原因它没有正确启动。我正在使用webpack。谁能看到我在这里做错了什么?我没有在加载时出现任何错误。

我现在的想法:我没有正确加载指令。也许模板没有加载。

捆绑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');

布局控制器:

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>

1 个答案:

答案 0 :(得分:2)

修复:出于某种原因,angular-ui-bootstrap不在我的package.json中。