引导与Angularjs的模态框实例代码

先给大家展示下效果图，感兴趣的朋友参考下实现代码吧

效果图如下所示：

具体代码如下所示：

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title/title script src=' http :https://cdn。bootscs。com/angular。js/1。4 .6/棱角分明。量滴js '/脚本链接rel='样式表href=' https://cdn。bootscs。com/bootstrap/3。3 .7/CSS/bootstrap。量滴CSS ' rel='外部“nofollow”脚本src=控制器(“myControl”，[“$ scope”，函数($ scope){ $ scope。fun=fun(){ $(' # basic ').情态(“显示”)；} $('#basic ').on('hidden.bs.modal '，function () { //模态框取消时触发的事件//执行一些动作.alert(' sadsfsdfds ')；}) }]);/script/head body ng-app=' myApp ' ng-controller=' my control ' div class=' modal fade ' id=' basic ' tabindex='-1 ' role=' basic ' aria-hidden=' true ' div class=' modal-dialog ' div class=' modal-content ' div class=' modal-header ' button type=' button ' class=' close ' data-misse=' modal ' aria-hidden=' true '/button H4 class=' modal-title ' id=' title '模态框的标题/h4 /div div class='modal-body '文本内容/div div class='模态-页脚'按钮类型='button' class='btn btn-default '数据-消除='模态'关闭/button button type=' button ' class=' BTN BTN-primary '提交更改/button/div/div/div/-两种方式去调用模态框-button type=' button ' ng-click=' fun()'模态框/button button class=' BTN BTN-主BTN-LG ' data-toggle=' modal ' data-target=' # basic '开始演示模态框/button！ - data-target='#myModal '是您想要在页面上加载的模态框的目标。您可以在页面上创建多个模态框，然后为每个模态框创建不同的触发器。您可以在页面上创建多个在不同时间进行加载。/正文/html总结

以上所述是小编给大家介绍的引导程序与Angularjs的模态框实例代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！