Angular-modal-service does not show modal
Angular-modal-service does not show modal
尝试建立一个(我认为)相对简单的模式来显示网站的cookie策略。
策略在/cookiepolicy
上。选中了,这个链接工作得很好。
然后我创建了一个按钮(调用代码)
<a class="btn btn-default" href ng-click="showCookie()">Read More</a>
因为我只想为url调用modal,所以html中没有添加任何其他内容。
调用modal的函数(也会在最后一行被调用并报告成功)
app.controller('IndexController', function($scope, ModalService) {
$scope.showCookie = function (data) {
ModalService.showModal({
templateUrl: "/cookie-policy",
controller: "ModalController"
}).then(function (modal) {
//it's a bootstrap element, use 'modal' to show it
modal.element.modal;
modal.close.then(function (result) {
console.log(result);
});
});
}
});
模态也有自己的控制器
betchaHttp.controller('ModalController', function($scope, close) {
// when you need to close the modal, call close
close("Success!");
});
问题是,当我按下它时,页面上什么也没有出现,也没有错误消息。我是否错过了一些相当明显(或不那么明显)的东西
幸运的是,这只是您的一个小语法错别字。观察你的.then()
块并改变…
modal.element.modal; // -- nothing
modal.element.modal(); // -- fn call
JSFiddle Link - demo
相关文章:
- electronic BrowserWindow的最小高度和宽度在hide()show()方法之后不起作用
- 如何在Bootstrap Modal中为动态点击生成的变量设置jade属性
- jQuery:.click(function(){(element),collapse('show',f
- ngSubmit在modal中不工作
- Bootstrap 3 Datepicker v4:dp.show和dp.change事件在Datepicker内联时不
- Jquery Modal表单登录与AJAX-ASP经典上的IE 9
- JQuery hide()在show()之后不起作用,反之亦然
- 如何制作Connected Modal窗口
- 任何将(SSH)终端嵌入到一些HTML5表示系统中的想法(例如,show.js)
- 如何准确地知道打开了哪个Foundation Modal窗口
- 使用angularjs ng Show/ng hide显示和隐藏不同的内容
- 我需要NG-IF/NG-SWITCH还是NG-SHOW&NG-HIDE
- jQuery Modal Dialog无法使用回发
- 如何使用jQuery&Zurb Foundation 5 Reveal Modal
- 为什么我不能在'show.bs.modal'
- $(modalEl).modal('show')和$(modal El).monal('!hide
- modal('show')未按预期工作
- 通过$('#MyModal').modal('show');将数据传递给modal
- Angular-modal-service does not show modal
- scope.modal.show()不是函数