Bootstrap 3 的 Angular Dialog 指令

2024-01-03

我们正在尝试从 Bootstrap 2.3.2 迁移到 Bootstrap 3 (RC1),但遇到了问题AngularJS 对话框指令 http://angular-ui.github.io/bootstrap/#/dialog。单击相关按钮时,不会出现对话框弹出窗口(页面显示为黑色。单击任意位置将返回到原始非黑色视图)。

我们本质上使用与上面链接中完全相同的代码。

讨论了一个已知问题here https://github.com/angular-ui/bootstrap/issues/331。在那次讨论中,路德建议:

“要使模态正常工作,请添加隐藏类以将 display:none 设置为模态并将模态的显示重置为阻止”

不幸的是,这似乎没有任何区别。我们可以使用哪些替代方法来获取 Bootstrap 3 RC1 中出现的对话框?

我尝试过使用改为模态指令 http://angular-ui.github.io/bootstrap/#/modal。它有一个类似的问题,即页面淡出(而不是完全变黑)并且弹出窗口也不会出现。


正如其他答案所述,这是由于 Bootstrap 3 中的重大更改造成的。在 Angular UI 团队修复这些问题(目前正在开发中,请参阅 bootstrap3_bis 分支)之前,有一个仅针对对话框的 css 解决方法,详细信息请参阅这篇博文 http://blog.corveloper.com/2013/08/angularjs-with-ui-bootstrap-fix-dialog-boxes/:

.modal { display: block; }

工作 plunkr 可以在这里找到:

http://plnkr.co/edit/nZT58YNKT84UlSwTvfpc?p=preview http://plnkr.co/edit/nZT58YNKT84UlSwTvfpc?p=preview

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Bootstrap 3 的 Angular Dialog 指令 的相关文章

随机推荐

  • C# - 比较两个 CSV 文件并给出输出

    需要一些帮助 我有两个信息源 并且这些信息由不同的程序导出到两个不同的 CSV 文件 它们应该包含相同的信息 但这正是需要检查的内容 因此我想做的事情如下 从两个文件中获取信息 Compare 输出任何差异以及差异所在的文件 例如文件 A
  • 使用 cypress 上传/导入 Excel 文件

    I ve a UI similar to 我需要将已放置在固定文件夹中的 xlsx 文件上传到应用程序中 有什么建议如何使用 cypress 来做到这一点吗 这是我发现的解决方案 安装 cypress 文件上传 npm install sa
  • 什么时候使用多线程?

    什么时候在应用程序中使用线程 例如 在简单的 CRUD 操作中 使用 smtp 如果服务器面临带宽问题 则调用可能需要一些时间的 Web 服务等 老实说 我不知道如何确定是否需要使用线程 我知道一定是当我们期望某个操作需要一些时间才能完成时
  • 根据条件计算项目

    商店的初始状态是 let initialState items itemsCount 0 completedCount 0 当我使用以下类型发送操作时ADD ITEM新项目被添加到items数组和itemsCount是递增的 虽然我不确定我
  • 向 Kubernetes 上的 CoreDNS 服务添加一条简单的 A 记录

    问题是这样的 我们有几个 microk8s 集群运行在不同的网络上 但每个人都可以访问我们的 NAS 所在的存储网络 在 Kubernetes 中 我们使用 nfs provisioner nfs externalsubdir 创建磁盘 有
  • 既然 Microsoft Edge 使用了 Chromium,那么它的渲染效果是否与 Chrome 相同?什么时候它会呈现不同的效果? [关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 我知道 Microsoft Edge 现在在底层使用 Chromium 我是否可以假设 Chrome 呈现网站的方式与 Edge 中的
  • 为什么我的 Lucene 索引被锁定?

    我的搜索出现问题 无法返回我期望的结果 我尝试在我的索引上运行卢克 但它说它已锁定 我需要强制解锁它 尽管我不是绝地 西斯 我尝试删除索引文件夹并运行我的 recreate indicies 应用程序 但该文件夹已被锁定 使用unlocke
  • 如何访问 iPhone 中的视频。下载的视频存储在哪里?

    如何在 iPhone 上访问视频 下载的视频存储在哪里 是否有任何示例代码可用于在 iPhone 上访问视频 提前致谢 没有 已记录的 方法可以在没有用户交互的情况下以编程方式访问视频 照片库 您唯一的选择是实例化并显示UIImagePic
  • 使用 JSON 文件作为 Javascript Web 应用程序的数据库

    我想知道是否有任何方法可以仅使用 JSON 文件作为数据库来直接读取和写入文件 我正在创建一个快速的 Mockup Web 应用程序 我的公司想要构建它 但他们希望看到 MVP 看看它是否有用 然后再投入资源和时间使用真实的数据库 节点等正
  • 如何使用python脚本增加elasticsearch中的max_result_window?

    我知道 我们可以使用curl来增加max result window 如下所示 curl XPUT http localhost 9200 index1 settings d index max result window 500000 但
  • 放大 Android - 保持图像可见

    我知道有大量关于实际实现捏缩放的线程 但我已经做到了这一点 我正在使用 SimpleScaleGestureListener 来处理捏合 我设法确保您不能缩小得比保持图像高度与屏幕尺寸相同 因此您的图像高度将始终至少是可用屏幕尺寸的高度 但
  • 是否可以挑选并运行与 Maven 阶段绑定的特定目标?

    更新以 希望 澄清 如果将目标定义为在给定阶段运行 是否可以运行单个目标而不运行所有阶段 换句话说 是否可以运行antrun run目标 定义为下面安装阶段的一部分 没有获取依赖项 生成资源 编译 测试 打包等 我正在使用 antrun 插
  • 用于播放以毫秒为单位指定的音频部分的命令行程序

    有人会推荐一个命令行实用程序 它可以播放以毫秒为单位指定的音频文件的任何部分 例如 player start time 0 1234 end time 5 6789 audio wav 我遇到的音频播放器似乎都没有此功能 vlc 支持开始和
  • 如何在按 Tab 键时旋转 HTML 元素?

    不使用 JQuery 尝试这个AFTER field4
  • Lo-Dash 按字符串格式的日期数组排序

    我想知道为什么 lodash 与普通 javascript 相比不以字符串格式对日期数组进行排序sort 这是预期的行为还是错误 var array 2014 11 11 2014 11 12 null 2014 11 01 null nu
  • recyclerView 的 setOnClickListener 不起作用

    For RecyclerView如果没有任何项目 则单击RecyclerView作品 但如果它有点击的项目RecyclerView不起作用 小心 我的意思是点击RecyclerView not RecyclerView s item rec
  • 如何通过node js执行存储过程

    我正在使用 db oracle 模块 node js 来查询表 SEARCH 命令 我能够成功获取记录 我需要执行存储过程 知道如何从 Node js 代码执行 Oracle 存储过程吗 我可以通过 db oracle 模块执行吗 或者有其
  • 以编程方式更改 UIButton 类型

    我有一个用 IB 制作的 UIButton 它设置为 圆角矩形 有一次 我想在代码中将类型更改为 自定义 这可能吗 我看到可以在创建时设置类型 但没有看到以后是否可以更改它 如果我没记错的话 不同的按钮类型由 UIButton 的不同 私有
  • 如何重置 virtualenv 和 pip?

    我在 Ubuntu 10 04 服务器上安装了 virtualenv 现在 当我执行 pip freeze 时 它 会显示以下软件包 Django 1 2 4 distribute 0 6 10 python apt 0 7 94 2ubu
  • Bootstrap 3 的 Angular Dialog 指令

    我们正在尝试从 Bootstrap 2 3 2 迁移到 Bootstrap 3 RC1 但遇到了问题AngularJS 对话框指令 http angular ui github io bootstrap dialog 单击相关按钮时 不会出