在AngularJS Bootstrap UI中使用JavaScript调用模态窗口

发布时间：2020-12-17 09:07:14 所属栏目：安全来源：网络整理

导读：使用上面提到的 here示例，如何使用JavaScript而不是单击按钮来调用模态窗口？我是新的AngularJS和尝试搜索文档here和here没有运气。谢谢 OK，所以首先 http://angular-ui.github.io/bootstrap/有一个模态指令和$对话服务，并且这两者都可以用于打开模态窗

使用上面提到的 here示例，如何使用JavaScript而不是单击按钮来调用模态窗口？

我是新的AngularJS和尝试搜索文档here和here没有运气。

谢谢

OK，所以首先 http://angular-ui.github.io/bootstrap/有一个<模态>指令和$对话服务，并且这两者都可以用于打开模态窗口。

区别在于，对于< modal>模态的指令内容嵌入在主持模板(触发模态窗口打开)中。 $对话服务是更灵活，允许你从一个单独的文件加载模态的内容，以及从AngularJS代码(这是一个控制器，服务或另一个指令)的任何地方触发模态窗口。

不确定你的意思是什么“使用JavaScript代码”，但假设你的意思是AngularJS代码中的任何地方$对话服务可能是一种方式。

这是非常容易使用，在其最简单的形式，你可以写：

$dialog.dialog({}).open('modalContent.html');

为了说明它可以被任何JavaScript代码真正触发的是一个版本，触发模式与计时器，控制器实例化后3秒：

function DialogDemoCtrl($scope,$timeout,$dialog){
  $timeout(function(){
    $dialog.dialog({}).open('modalContent.html');  
  },3000);  
}

这可以在行动在这个plunk：http://plnkr.co/edit/u9HHaRlHnko492WDtmRU?p=preview

最后，这里是完整的参考文档对$对话服务描述这里：
https://github.com/angular-ui/bootstrap/blob/master/src/dialog/README.md

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!