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

前端之家收集整理的这篇文章主要介绍了在AngularJS Bootstrap UI中使用JavaScript调用模态窗口前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
使用上面提到的 here示例,如何使用JavaScript而不是单击按钮来调用模态窗口?

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

谢谢

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

猜你在找的Angularjs相关文章