Webpack,Angular-UI-Bootstrap 加载不正确
Webpack, Angular-UI-Bootstrap not loading properly
最初,我试图加载 bootstrap 下拉菜单,但该指令无法正常工作。怀疑加载 ui.bootstrap 有问题,我尝试了一个简单的进度条,但它仍然没有加载。长话短说,我认为 ui.bootstrap 正在加载,但由于某种原因它没有正确启动。我正在使用网络包。谁能看到我在这里做错了什么?我在加载时没有收到任何错误。
我现在的想法:我没有正确加载指令。也许模板没有加载。
捆绑 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>
已修复:angular-ui-bootstrap 出于某种原因不在我的 package.json 中。
最初,我试图加载 bootstrap 下拉菜单,但该指令无法正常工作。怀疑加载 ui.bootstrap 有问题,我尝试了一个简单的进度条,但它仍然没有加载。长话短说,我认为 ui.bootstrap 正在加载,但由于某种原因它没有正确启动。我正在使用网络包。谁能看到我在这里做错了什么?我在加载时没有收到任何错误。
我现在的想法:我没有正确加载指令。也许模板没有加载。
捆绑 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>
已修复:angular-ui-bootstrap 出于某种原因不在我的 package.json 中。