问题标签 [angular-strap]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 带有“悬停”触发器的 AngularStrap bs-dropdown 保持打开的时间不够长
当使用带有“悬停”触发器的 bs-dropdown 时,菜单的可见时间不够长,无法让用户单击菜单项:
http://plnkr.co/edit/Fi39BdCOqHXnPAgITD01?p=preview
使用延迟会使它以意想不到的方式运行:
http://plnkr.co/edit/Y2Q63DDJEyP9CTPMUfYD?p=preview
理想情况下,只要鼠标在菜单上,下拉菜单就应该一直保持,并在鼠标离开菜单时消失。
angularjs - AngularStrap 弹出框由于某种原因闪烁
我的 HTML 是:
我的控制器有:
为什么弹出框不总是弹出?您在此 GIF 中看不到它,但在几分之一秒内,弹出框出现在左侧,然后在右侧闪烁。另外,为什么弹出窗口突出显示?
angular-strap - 如何将自定义数据传递给 angular-strap 模态
我正在使用 angular-strap 的模态并构建了自己的模板。我的问题是我的模板有 2 个按钮,但是,这些按钮的文本和功能会发生变化。因此,我想在打开模式之前将该数据传递给它。
在文档中它说
但是,我无法让它工作。请注意,我只希望将一些值传递给模态范围,而不是我的整个父 $scope (这就是示例似乎要做的)
javascript - 使用带有 id 的脚本标签作为 angularstrap 弹出框模板
我有一个带有角度密码验证脚本的表单。当密码字段具有焦点时,我试图让弹出框出现。我希望模板是一个 div,它会根据验证脚本的结果进行更改。我以前从未真正将脚本标签用作微模板。
我制作了一个 div(不在脚本标签内时有效),如下所示:
我的密码字段有以下标记:
如果我删除data-template
弹出框的属性。如果我把它留在里面,什么也不会发生(在 plnkr 中)......我收到一个错误:
接着:
这就是我应该使用模板的方式吗?
这是我的 plnkr:http ://plnkr.co/edit/j1mrX2RrbDGk6xHSvmXU?p=preview
angularjs - 如何使用 AngularJS 隐藏/显示相同的模态实例?
我目前正在使用 angular-ui-bootstrap $modal 来显示一个对话框,让用户搜索和选择一个文件。文件列表来自 box.com,因此我使用 box API 来搜索文件并生成缩略图以显示在搜索结果中的每个文件旁边。
缩略图生成非常慢,用户需要在同一页面中多次调用此搜索对话框。因此,如果搜索对话框在重新打开时包含先前的搜索结果,这将对用户有所帮助。
问题是如何重用(即显示/隐藏)相同的模态实例?Angular-ui 似乎每次都会破坏/重新创建对话框。与角带相同。
编辑
这是一个Plunkr:
angularjs - 带控制器的 AngularStrap 关闭模式
我将 AngularStrap 与引导程序一起使用。
我有一个使用它自己的控制器的模式对话框。如何使用此本地控制器关闭模式?
我在这样的按钮上实例化控制器:
和 userLoginController 有这个:
这显然只是一个演示,我希望它在成功登录时关闭,但这是我用来关闭它的代码所在的位置。
我尝试以编程方式实例化模态(使用 $modal 服务创建模态),但我无法弄清楚如何通过该方法注入控制器。
如果我要使用 bs-modal 指令从模态中发出事件,我如何引用模态来关闭它?
这是我的 plnkr: http ://plnkr.co/edit/m5gT1HiOl1X9poicWIEi?p=preview
angularjs - angular-strap 工具提示在 ng-repeat 中不起作用
问题:角带中是否有错误?还是我误解了 Angular 的工作原理,这是意料之中的?
我想要什么:我想为 ng-repeat 中的每个项目显示不同的工具提示。
我看到的行为:在某些情况下,工具提示内容未正确插入到内容模板中。因此,您只能看到模板,而不是内容模板或内容本身。
条件:
- 首次加载页面时,工具提示按预期工作。
- 将项目添加到 ng-repeat 时,其工具提示不会填充模板的内容部分。
- 如果页面以 ng-repeat 中的零项开始,则添加的第一项中的工具提示将按预期工作。之后添加的项目将出现问题。
- 无论 ng-repeat 从多少项目开始,从其中删除任何项目都会使将来添加的所有项目都没有有效的工具提示。
想法:如果我把它归结为,“第一次加载”工作正常。在那之后,它没有。我猜想发生的事情是在第一轮将项目添加到 ng-repeat 之后发生了一个编译步骤。此时,angular-strap 工具提示代码会看到指令属性,并设置这些工具提示和内容模板。angular-strap 错过了对 ng-repeat 的后续更改(即使我可以在控制台中看到bs-popover=tooltip(item)
每次更新 ng-repeat 列表时调用确实会运行)。但我仍然很难过,想知道这是否是我可以解决的行为。
如何在添加到 ng-repeat 的项目中允许动态工具提示?
javascript - 以编程方式打开角带日期选择器
我正在使用 AngularJS 1.2.12 和 angular-strap 2.0.0-rc.2 (mgcrea.github.io/angular-strap/),但我找不到从控制器内打开 datepicker/timepicker 小部件的方法。我想使用带有这样的日历图标按钮的输入组:
我现在可以轻松地为按钮提供 ng-click 功能并从我的控制器打开日历。我只是找不到如何做到这一点的方法。有任何想法吗?
angularjs - Angular-strap datepicker 不会更新现有模型值
我正在为我的 angularjs SPA 项目使用来自http://mgcrea.github.io/angular-strap/##datepickers的 angular-strap datepicker。使用 ngModel 双向绑定编辑现有记录时,Angular 不会检测到日期字段更改,即使我通过更新另一个非日期字段来强制保存表单,新日期也不会在后端更新。这是我的 html 文件中的相关部分:
我没有在我的 js 文件中做任何特别的事情。我正在使用breathjs 进行数据处理,它在其他领域也能正常工作。我究竟做错了什么?任何帮助表示赞赏。
angularjs - 如何关闭 Angular-Strap 选项卡
在我的应用程序中,我有 3 个在应用程序加载时呈现的静态选项卡。使用 ng-grid,当用户双击一行时,会生成一个带有该行结果的新选项卡。我的问题是.....如何关闭标签?看起来很简单,但是,我已经护目镜和修补没有结果。
我想要的是,在查看结果后,用户将单击选项卡标题附近的小 X 以关闭/关闭选项卡。我创建了一个类似于我的标签布局的 plunker http://plnkr.co/edit/ZkamtnBK01h0IvC9Hmjh?p=preview 。它有一个按钮,您可以单击该按钮来添加新选项卡。任何帮助将不胜感激。谢谢你。