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