问题标签 [angular-ui]

问问题

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.

2773 问题
Newest
Active
Bountied
318
Unanswered
0 投票
2 回答
1790 浏览

javascript - 如果 $scope 模型发生了变化，但长度保持不变，为什么 Angular-UI 日历没有更新？

我正在 AngularUI 中编写一个带有一些过滤的事件日历。

当过滤器下拉列表更改时，会触发一个函数，该函数应该执行一些巫术并更新 $scope.events。

（缩短）

让我们从 6 个事件开始。如果有两种“类型”，每个类型有 3 个事件，让我们调用一种类型 A 和一种类型 B，您可以从 All 更改为 A，三个事件将正确显示。如果您改回“全部”，则将有 6 个可见。

如果您从 A 更改为 B，日历不会更新，但是，检查 $scope.events 会显示数据已更改。

过滤有效，并且 $scope.events 正在更新。

问题似乎是，如果 $scope.events 长度没有改变 - 它认为不适合重绘日历。

0 投票
2 回答
1662 浏览

javascript - Angular-UI $scope.myMap 未定义

我正在尝试，$watch myMap但它永远不会触发。我已经把它缩小到使用过ui-if（如果我删除了 ui-if，$scope.myMap是正确的谷歌地图对象）。但是我需要保留 ui-if 以便ui-map等待我的 AJAX/Db 查询完成。

为什么 myMap 没有被添加到范围中（以及如何获得它）？

普朗克

编辑我从这个 GitHub 问题中看到 ui-if 创建了自己的范围。那么我如何访问它的范围/myMap现在住在哪里？另外，为什么 ui-if 创建一个新的范围？

0 投票
1 回答
148 浏览

javascript - 如何为模态对话框调用一次控制器？

这是一个演示我的问题的 plunkr（你必须打开控制台）。如何尝试？

  1. 单击显示模态 2 次。

  2. 单击通知按钮。然后在控制台中，有：

    Notification broadcasted. example.js:44 2 Notification received.

这意味着收到两次通知。这是因为在每个 open() 上都会调用模态的控制器。我的问题是，我只想为模态调用一次。我知道 $on() 返回注销函数，但是在我的应用程序中，我注册了很多事件，并且我不想在每次关闭模式时都注销它们。我也不能在其他任何地方使用 $on()，因为我需要使用对话框本身。难道没有更简单的方法可以确保对于每个模式对话框，我只注册一次 $scope 事件吗？

0 投票
6 回答
32796 浏览

angularjs - 使用 ESC 键清除 Angular / AngularUI 中的输入文本字段

在我的 Angular 应用程序的几个地方，我需要使用 ESC 键清除用户的输入。问题是，我不知道如何使用文本输入字段（textarea 清除 OK）。看到这个小提琴：

jsFiddle演示问题

捆绑：

我使用的回调：

任何人都可以，请弄清楚我需要做什么才能使用 ESC 键清除文本输入？

解决方案： 根据bmleite的建议，您不应该听 'keypress' 而是听'keydown'和'keyup'。问题是，'keydown' 在 Firefox 中不起作用，所以只有 'keyup' 在监听 ESC 时起到了神奇的作用。;)

工作小提琴：http: //jsfiddle.net/aGpNf/190/

解决方案更新： 最后我不得不同时监听“keydown”和“keyup”事件。因为在我的情况下，FF 确实将 ESC keydown 上的输入字段重置为以前的状态，所以它弄乱了我的模型。因此，'keyup' 清除模型，'keydown' 检查模型是否为空并执行适当的操作。我还需要手动散焦输入以防止文本重新弹出。：/

0 投票
1 回答
509 浏览

angularjs - 如何在角度模板中使用特定类更新元素

我刚刚开始我的第一个 Angular 项目，我正在使用 Angular UI 来传递 Jquery UI 可选。让模板中的一个元素仅更新当前选择的元素（例如，具有“ui.selected”类的元素）的最佳方法是什么？

0 投票
1 回答
3530 浏览

angularjs - Angular UI select2 - 如何停止自动排序？

以下数据通过Angular UI附加到select2：（此处为实时示例）

JS：

HTML：

但是，每次选择项目时，它都会对所选项目进行排序id。例如，如果您选择“apple”然后选择“boat”，则selected项目将是“boat”和“apple”（按此顺序！）。

如何保留订单并禁用此自动排序？

0 投票
1 回答
603 浏览

angularjs - Angular：当用户按 Enter 时如何单击模态按钮？

我有几个Angular UI Modals。每个模式都有一个Cancel按钮和一个“Action”按钮（可以是Create、Delete等）。

我使用来自 Angular UI 的ui-keyup指令来识别用户何时按下按钮。

我想在用户点击时单击“操作”按钮Enter。

我怎么能做到这一点？

到目前为止，这是我到达的地方：http ://plnkr.co/edit/n6dgiE?p=preview

0 投票
1 回答
136 浏览

jquery - 模型项的angularjs更新

我正在转向 angularjs，但学习曲线似乎有点难:((

看下面的小提琴：

http://jsfiddle.net/ereallstaff/QgEx9/

我有 2 个问题：1-该类不反映 if 语句 ng 类

2 - 我需要制作一个流程以保存最终用户仅选择的数据库项目。通常使用 jquery 我做一个复选框应用一个类，如果找到该类，我将数据发送到服务器。

在这种情况下，使用 2 路绑定，我只是想像我需要从 $scope.data 模型中删除元素以发送到服务器，它应该没问题。

但是当元素被正确删除时，模型的长度保持在 5，而它应该减少！

谢谢*强调文字*

0 投票
2 回答
4260 浏览

twitter-bootstrap - 如何将引导工具提示元素附加到指定元素

由于从 DOM 中删除触发它的元素时，Bootstrap 工具提示仍然存在（参见https://github.com/twitter/bootstrap/issues/3647和https://github.com/twitter/bootstrap/issues/2298） ，当我在我的应用程序中遇到此问题时，我希望将工具提示元素附加到我知道将被删除的元素。文档提到了一个选项container，但我似乎无法让它工作。我不确定到底该把什么作为价值。我尝试使字符串成为 jQuery 选择器（例如“#MY_ELEMENT_ID”），但它一直将工具提示附加到正文。这个选项期望什么价值？

作为旁注，我正在通过Angular-UI设置此选项。所以，像这样：

通过 Angular-UI 设置时，其他选项按预期工作，所以我认为问题不存在。我只是不确定要设置什么值。

0 投票
3 回答
3190 浏览

jquery-ui - jQuery UI 透传官方示例：ui is not defined

我将 jQuery 直通示例从这里http://angular-ui.github.com复制到这个小提琴http://jsfiddle.net/ilyaD/Xe48t/3/并且它不起作用。我正进入（状态ui is not defined

这是JS：

我错过了什么？

更新：

我添加ui到angular.module('ui.config', ['ui']).value('ui.config', {但仍然无法正常工作http://jsfiddle.net/Xe48t/9/


12345678910