适用于uiModal的Angular 1.6.5，带Webpack加载模板
适用于uiModal的Angular 1.6.5，带Webpack加载模板
提问于 2017-07-17 09:29:54
我正在尝试打开一个模式窗口。背景正在显示，但没有模式窗口。
我的代码：
let template = require('../modal/newModel.html');
let modal = $uibModal.open({
template,
controller: 'NewModelCtrl as NewModel',
windowClass: 'modal-rule-create'
});
modal.result.then((model) => {
self.list.push(model);
}, (event) => {
console.log('Close modal window:', event);
});webpack.config.js
{
test: /\.html$/,
use: 'html-loader'
}为什么会这样呢？提前感谢
回答 4
Stack Overflow用户
发布于 2017-07-18 06:00:36
我已经通过更改div的结构并添加了jquery引用updated fiddle来更新了小提琴
在您的情况下，请确保您在bootstrap.js之前添加了Jquery，尝试查看版本不匹配或尝试更改-
let modal = $uibModal.open({
templateUrl = '../modal/newModel.html',
controller: 'NewModelCtrl',
controllerAs: 'NewModel',
windowClass: 'modal-rule-create'
});你可以参考这个问题，因为他们和你有类似的问题-
Stack Overflow用户
发布于 2017-07-17 09:43:38
如果你装上柱塞的话会很有用。无论如何，如果你想为你的控制器使用一个别名，代码应该是这样的：
let modal = $uibModal.open({
template,
controller: 'NewModelCtrl',
controllerAs: 'NewModel',
windowClass: 'modal-rule-create'
});也许这会打乱你的模式。
希望能有所帮助。
Stack Overflow用户
发布于 2017-07-17 11:16:04
这里的html代码，窗口渲染没有发生。
<div uib-modal-window="modal-window" class="modal fade ng-scope ng-isolate-scope in" role="dialog" index="0" animate="animate" ng-style="{'z-index': 1050 + $$topModalIndex*10, display: 'block'}" tabindex="-1" uib-modal-animation-class="fade" modal-in-class="in" modal-animation="true" style="z-index: 1050; display: block;"></div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45140540
复制相关文章
相似问题
腾讯云开发者
