- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
在哪个 html 弹出框上定位标签
<a popover-trigger="outsideClick" popover-placement="top" ng-click="sendMessagePopover.open()" type="button" popover-append-to-body="true" popover-is-open="sendMessagePopover.isOpen" uib-popover-template="sendMessagePopover.templateUrl">Menu</a>
包含关闭按钮的 ng-Template,单击弹出窗口应在其上关闭。
<script type="text/ng-template" id="message-to-pnd-popover.tpl.html">
<div class="well">
<form name="myForm" ng-controller="myController">
<div class="form-group">
<span class="btn btn-primary" ng-click="sendMessagePopover.close()">Close</span>
</div>
</form>
</div></script>
Angular Controller 代码
angular.controller('myController',['$scope',function($scope){
$scope.sendMessagePopover = {
on: false,
isOpen: false,
templateUrl: 'message-to-pnd-popover.tpl.html',
open: function() {
$scope.sendMessagePopover.isOpen = true;
},
close: function() {
$scope.sendMessagePopover.isOpen = false;
}
}]);
当我们点击 anchor 链接时,它会弹出模板,当我们在任何地方点击外部时,它会关闭弹出框。
当用户点击我放在模板中的关闭按钮时,我想关闭弹出窗口。但它不起作用。
我是这项技术的新手,请提供适当的示例。
最佳答案
popover-trigger="outsideClick"旨在在单击弹出窗口内容之外的任何位置时关闭弹出窗口。如果您想使用 is-open 属性管理弹出窗口的打开和关闭,请使用 popover-trigger="none"。
关于javascript - 在按钮单击时隐藏 uib 弹出窗口不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37207663/
uib-Popover 意外关闭,其中包含 popover-template、“outsideClick”触发器和 uib-Datepicker:事实上,当单击日期选择器本身时,popover 意外关
我正在使用 uib-datepicker-popup 和由“mouseenter”触发的 uib-popover。当我将鼠标悬停在日期选择器元素上时,弹出窗口显示得很好。但是,如果我选择一个日期,弹出
版本: Bootstrap 3.5.5 AngularJS 1.4.7 AngularUIB 0.14.3 我在标签页中使用 uib-datepicker(使用 uib-tabset)
Tab 1 Tab 2 Tab 3 Tab 4 没有显示任何选项卡,当我切换到 Bootstrap 选项卡集时,
我正在使用带有以下 html 的 uib-datepicker: 它看起来像
我正在使用 angular-ui 模式。当我关闭模态时,模态框淡出并向上淡出,背景淡出。这是期望的行为。 但是,当我打开模态框时,虽然模态框淡入淡出,但背景只是出现而没有淡入。我无法确定原因。 这是打
我使用angular-ui-bootstrap的0.14.2版本。我无法在弹出窗口中显示行返回。 我使用popover-html指令和一个字符串,例如 Limite inférieureLimite
它是uib bootstrap插件。默认激活第一个选项卡。我需要将第二个选项卡设置为默认事件状态。请尽快帮助我。
我正在使用 angularjs 并将数据绑定(bind)到表,并使用 uib 分页将分页添加到表,在表中我添加复选框来检查和取消选中行,这里我需要的是当我单击标题、行中的全部检查时应该只检查当前页面,
我的 uib-popover 没有隐藏在 outsideClick 上。 我已经关注了这些 stackOverflow 问题, uib-popover not closing o
我试图在打开 Accordion 时触发一个事件。该事件应该在 Accordion 打开时触发,而不是在关闭时触发。 HTML: I can have mar
我想通过单击按钮从内部关闭 Accordion 。我试图将 isOpen 设置为 false 但它不起作用。有没有办法在单击按钮时关闭它?谢谢。 这里是傻瓜:https://plnkr.co/edit
在哪个 html 弹出框上定位标签 Menu 包含关闭按钮的 ng-Template,单击弹出窗口应在其上关闭。 Close
我有一个 uib-popover,当前显示 4000 个字符。如何在该弹出窗口中仅显示 100 个字符(如 textoverflow 属性)?请查看随附的屏幕截图enter image descrip
有人可以建议我在下面的 html 中缺少什么来将子菜单添加到 bootstrap 下拉列表吗? Action Split button! a
我已经使用 uib-tabset 实现了选项卡。选项卡对齐存在问题。正如您在下图中看到的,我的“当前”选项卡向左移动,它正在移出卡片,在“当前”和“即将到来”之间留下不舒服的空间。我希望两个选项卡都与
有一个 uib-tabset 和一个等待 uib-tabset 内输入更改的指令,已到达该指令,但当它必须触发作用域时。$broadcast 不会调用该函数。 查看
演示 here . tooltip显示不全,因为我觉得没有地方可以显示,但是有什么其他办法可以实现吗?我不能把位置改成相对的,必须 overflow hidden 。
有没有办法让 uib-progressbar 的文本居中对齐。我尝试过 position:absolute。但我想在 UI 网格中显示进度条列表。是一个可滚动的内容。虽然滚动文本保留在其位置,但进度条
从 ui-bootstrap 的 0.14 版开始,它看起来像 uib-tooltip-html(以前是:tooltip-html-unsafe)不再工作了......或者不是我以前让它工作的方式。
我是一名优秀的程序员,十分优秀!