问题标签 [angular-bootstrap]

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.

0 投票
0 回答
972 浏览

angularjs - Angular Bootstrap 对话框和 ng-view 的问题

当我尝试使用 ngRoute 在 ng-view 标签内使用 Dialog 时,我在使用 angular 和 angular-bootstrap 时遇到了一个简单的问题。

在这个plunker中,您可以看到工作版本,没有 ngRoute 和 ng-view。

Javascript:

html:

您可以看到角度没有正确更新范围。

Javascript:

html:

看法:

请问,有人可以帮我吗?

0 投票
1 回答
172 浏览

angularjs - 角度引导选择字段

我正在尝试从指令内部创建一个角度引导选择字段。该指令创建以下 dom 结构,但选择字段为空。

在这种情况下创建选择字段的正确方法是什么。

0 投票
1 回答
1262 浏览

angularjs - 如何加快 Angular 应用程序中模态的显示?

我正在使用 AngularJS 和 Angular Bootstrap 制作一个网络应用程序。我正在使用模式来允许用户选择列表中的许多项目之一。该列表使用 ng-repeat 呈现。

在某些移动平台上,在用户按下启动模式的按钮和模式最终出现之间存在相当长的延迟(3-5 秒)。我不确定等待是由 Angular 在模态显示之前为该模态渲染 DOM 引起的,还是仅仅由模态中的大量内容引起的。可能两者兼而有之。当我删除 ng-repeat 列表时,模态会立即加载。

我需要执行以下操作之一:

(1) 使 Angular 在模态显示后构建 DOM。这并不理想,但至少模式的显示会让用户知道他们的触摸已注册并且正在发生一些事情。

(2) 尽管内容量很大,但使模态显示更快。

关于如何实现其中任何一个的任何想法?

0 投票
2 回答
668 浏览

javascript - 角度模型在被替换时不更新

这个 Plunkr演示了我遇到的问题。

我有一个在对话框和它的父页面中都显示的数组。在对话框范围内修改该数组工作得很好,但是当我完全替换数组时,更改只能在对话框范围内看到。这是为什么?

我的代码,以防 Plunkr 吃掉它:

更新: Plunkr 已更新好的,所以我了解现在发生了什么,但不知道如何在我的代码中修复它。在我的实际代码中,我将数据替换为 AJAX 调用的结果。我想在这种情况下我有几个选择,比如vm.list.length = 0then push()ing 从 AJAX 调用返回的每个项目,但这似乎非常低效。这通常是如何完成的?

0 投票
2 回答
2796 浏览

jquery - 从文件浏览器窗口中选择文件后如何显示引导弹出框?

所以,我有一个下拉列表,其中包含一个从系统导入文件的按钮:

因此,当用户从文件浏览器中选择一个文件并单击“确定”时,应该会出现一个引导模式框,其中显示所选文件的详细信息。引导弹出窗口的代码:

触发弹窗的代码是:

问题是当我在文件浏览器窗口上单击“确定”时,它没有显示模式弹出框。它只是淡化背景,什么都不做。

0 投票
0 回答
118 浏览

javascript - 在角度 ui 引导程序中将保存的用户推送到模态之外

我有一个用户列表和一个“添加用户”按钮,该按钮使用 Angular 引导程序打开一个模态灯箱弹出窗口。如果所有用户都在同一页面上,我可以保存用户并更新列表(无需打开弹出窗口)。如果我使用弹出窗口,我可以保存用户而不更新列表(我必须刷新页面才能看到对列表的更改)。

这是我的保存功能

这是我的确定按钮

OK 将关闭对话框,但我需要 $scope.users.push(response); 到此控制器之外的列表。有一个更改变量的示例,但我不熟悉在 close 命令中调用 push 命令。

我正在尝试类似的东西

0 投票
2 回答
783 浏览

javascript - 简单的 Angular 单选按钮不起作用...似乎坏了?

这有效:

这不起作用

如果您选择一个单选按钮,其他单选按钮不会取消选择。不是一次检查一个单选按钮,而是可以检查所有 3 个单选按钮!{{radioModel}} 不会显示任何值。对于第一个示例,{{radioModel}} 将根据 btn-radio 的值显示“左”、“右”或“中”。

就像 data-ng-repeat="store in global.user.store" 破坏了按钮行为!

0 投票
1 回答
2369 浏览

javascript - Angularjs引导分页设置页面未触发页面更改

我有以下分页代码

当我通过单击 DOM 更改分页时,它可以工作。但是,当我尝试通过在代码中设置 $scope.current_page 来更改分页时,它不会触发 pageChanged。

例如,

在 DOM 上,假设我在第 3 页($scope.current_page 为 3)并且在 DOM 上第 3 页处于活动状态。如果我通过单击 DOM 转到第 4 页,则在 DOM 第 4 页被激活,$scope.current 更改为 4,并触发 pageChagned。

在 DOM 上,假设我在第 3 页($scope.current_page 为 3)并且在 DOM 上第 3 页处于活动状态。如果我通过在代码中将 $scope.current_page 更改为 4 转到第 4 页,那么在 DOM 页面更改更改为 4 但 pageChanged 没有被触发。

如何在代码中更改 $scope.current_page 时触发 pageChanged?当他们建议使用 $scope.$watch 时,我看到了另一种解决方案,但我想知道更好的方法。

编辑:

我创建了以下 plnkr (我第一次使用它,所以不确定我是否做得正确)。 http://plnkr.co/edit/Kldv7ZbexpgifiPIsjCT?p=preview

<pre></pre>您可以看到的问题是,当您单击“转到第 3 页”按钮时,标签上的“页码”不会改变。

谢谢

0 投票
1 回答
687 浏览

angularjs - 附加到预先输入的建议列表

嗨,我真的很挣扎,不知道如何继续,因为我没有找到任何关于他的东西。这是我正在使用的 plunkr 示例:example。我想在结果的末尾附加一些东西,例如如果我输入 S,我想得到结果,最后一行应该说“在其他商店寻找 S”:

正如您在我的 plunker 中看到的那样,无论我在模板中做什么,最终都会重复。

0 投票
1 回答
838 浏览

javascript - AngularJS UI Bootstrap DatePicker Not Functioning Correctly

I have a directive defined as follows:

Template

Directive

It is taken from the DatePicker section here and is supposed to function like the popup version shown on that page. Whenever I click the calendar button to initiate the directive, however, the calendar appears in a broken way. Additionally, the calendar keeps expanding to the left when I click on the "next month" arrow in the popup calendar. Is there something wrong in my code? I didn't add any styling with this, as there doesn't seem to be any according to the site, but I wanted to check if there was anything obviously wrong with the code before taking apart my existing styling.