栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

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

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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

好的,因此,首先http://angular-ui.github.io/bootstrap/有一个

<modal>
指令和
$dialog
服务,这两个指令都可以用来打开模式窗口。

与众不同的是,使用模式的

<modal>
指令内容嵌入在宿主模板中(一个触发模式窗口打开的模板)。该
$dialog
服务更加灵活,可以让您从单独的文件中加载模态的内容,也可以从AngularJS代码的任何位置(这是控制器,服务或其他指令)触发模态窗口。

不确定“使用Javascript代码”到底是什么意思,但是假设您在AngularJS代码中的任何位置都意味着该

$dialog
服务可能是一种解决方法。

它非常易于使用,您可以以其最简单的形式编写:

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

为了说明它可以由任何Javascript代码真正触发,这里是一个在实例化控制器3秒后使用计时器触发模式的版本:

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

可以从以下示例中看出这一点:http
://plnkr.co/edit/u9HHaRlHnko492WDtmRU?p=
preview

最后,这是

$dialog
此处描述的服务的完整参考文档:https : //github.com/angular-
ui/bootstrap/blob/master/src/dialog/README.md



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/401491.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号