问题标签 [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.

0 投票
1 回答
8128 浏览

javascript - 带有对象的 Angular UI select2 数组是否可能?

有没有一种简单的方法可以将选项作为数组中的对象?如下:

还是我完全错了?

0 投票
2 回答
2381 浏览

angularjs - angularjs ng-grid 保持选择更新

我正在尝试使用该ng-grid设置,但遇到以下问题。

我显示的数据变化非常频繁,每 5 秒左右。但是没有很多新数据被添加到列表中。

当我将数据设置到 ng-grid 时,用户可以开始查看数据。但是当我在大约 5 秒后更新数据时,用户所做的选择和分组丢失了。

http://plnkr.co/edit/eK1aeRI67qMROqDUtPnb

无论如何要保留选择和/或分组吗?

0 投票
4 回答
7908 浏览

angularjs - AngularJS ng-repeat 内容上的 Gridster jQuery 插件变坏了

我正在尝试将Gridster与 AngularJS 集成,但还没有取得太大的成功。

阅读有关 Angular UIui-jq指令的文档,我觉得这个(检查小提琴)应该可以工作。但是当我用 Chrome 的调试器进一步观察时,结果发现在这一行上,它根本没有找到任何孩子。

我怀疑在 ng-repeat 指令的某个地方,AngularJS 决定删除将重复的部分,我明白为什么,但这并不能解决我的问题。我欢迎任何可以帮助我走得更远的线索。

更新 1

我开始把它变成一个指令,希望它能改善事情。但是,嵌套ng-repeat指令也会妨碍本地指令。我尝试尽可能推迟连接 jQuery 插件($evalAsync)等,最终使用$timeout. 这是我可以让它工作的唯一方法。

更新 2

我认为最初的方法永远不会给我我需要的东西。所以实现了一个自定义指令。请看下面我的回答。

0 投票
1 回答
9806 浏览

angularjs - 与 ng-repeat 一起使用时,ui-bootstrap 工具提示不起作用

我想使用该ui-bootstrap tooltip指令将工具提示分配给由指令呈现的按钮数组ng-repeat,如下所示:

但我面临一个奇怪的问题:ng-repeat 循环变量得到一个空白值,除了在工具提示本身中,例如在上面的示例中,标签值在按钮中将为空白。可以在此链接中看到显示该问题的片段。删除工具提示属性一切正常。有没有人一直在使用 ui-bootstrap 并且知道这些问题?

0 投票
3 回答
3667 浏览

twitter-bootstrap - Internet Explorer 8 中未显示轮播图像

我正在尝试在我的应用程序中使用AngularUI-Bootstrap(尤其是 carousel 指令)。

它在 Chrome、FF、Opera 和 IE9 中运行良好,但在 IE8 中它不显示<img>标签内的<slide>标签(或者在我的情况下<div slide></div>)。

当我只显示{{image}}m它时,它会显示我的图像的路径。这是正确的,但如果我尝试使用<img src="{{image}}">or with ng-src,它根本不会显示。

还有其他人有同样的问题吗?它只是在 IE8 和 7 中。IE7 并不重要,但我必须在 IE8 中修复它。

0 投票
3 回答
26662 浏览

javascript - AngularJS 在指令运行之前通过 AJAX 检索数据

我正在使用 AngularUI 的uiMap指令来实例化谷歌地图。uiMap 指令适用于硬编码数据({mapOptions}[myMarkers]);但是,当我通过检索此数据时遇到了麻烦$http.get()(指令在 AJAX 调用完成之前触发)。

最初我在GoogleMaps控制器中执行 GET,但当我意识到事情发生的顺序不正确时,我将 GET 移动到uiMap指令中。我有两个问题:

  1. 我认为这不是正确的方法。
  2. GET 还检索数据[myMarkers]
    • 创建标记的函数/指令无处不在,因为它负责创建所有覆盖

所以我的问题是,在指令运行之前,应用程序中是否还有其他地方可以检索数据(并将其应用于范围)?

我阅读了$q,这听起来像是我想要的,但我不确定我是否可以在我的控制器中而不是在指令中做到这一点(也不确定$q.defer.resolve()与 有什么不同$http.success())。

编辑我使用的大部分代码是从 AngularUI 的文档中复制/粘贴的,但这里有一个 plunk:http ://plnkr.co/edit/t2Nq57

解决方案

根据安迪的回答,我使用了 uiMap 和uiIf的组合:

注意事项1 uiIf 不能位于指定控制器提供其条件的同一元素中(uiIf 的优先级高于 ngController,因此在 uiIf 执行之前不会设置其控制器)。

注意事项2请务必使用最新版本的 uiIf(最新标签 v0.3.2 中提供的版本已过时)。旧版本在某些情况下存在导致 TypeError 的错误。

警告 3 jQuery 必须包含在 AngularJS 之前(在 index.html 中);否则,您将收到一个 TypeError 说明Object [object Object] has no method 'trigger'(或Object [object HTMLDivElement] has no method 'trigger'在 Windows 上)。Chrome 将允许您进入触发功能,因为 Chrome 知道它,但 Angular 不知道(并且 Angular 正在抛出错误)。

缺点uiMap 目前不支持domready 上的渲染制作器。我正在研究这个GitHub 问题/评论中建议的 uiMapMarker 的替代版本。
此问题的解决方案: https
://stackoverflow.com/a/14617167/758177工作示例: http ://plnkr.co/edit/0CMdW3?p=preview

0 投票
3 回答
3581 浏览

jquery-ui - 为什么 jQuery UI 可排序连接列表不适用于 Angular UI?

我正在尝试使用Angular UIjQuery UI Sortable来模仿连接列表的行为。

但是,这种行为非常不稳定:http: //jsfiddle.net/hKYWr/227/有 什么想法吗?


HTML:


JS:


CSS:

0 投票
1 回答
1435 浏览

angularjs - ngRepeat 在 AngularUI 引导对话框中不起作用

有谁知道如何让我的代码工作。我正在尝试创建一个用户创建对话框并希望使用 ngResource 发送帖子数据,我已经配置了我的 PHP 后端并且它按预期工作。现在,我的问题是在对话框上附加错误,我尝试添加虚拟数据,但 ngRepeat 对我不起作用。我还尝试了调试问题的不同步骤,但对我没有任何作用。我也在研究这个问题,但没有运气。这是我的代码:

尝试查看链接 http://jsfiddle.net/QCQrF/

0 投票
2 回答
1239 浏览

google-chrome-extension - Select2 在 chrome 扩展弹出窗口上无法正常工作

我在使用AngularJS和 Angular-UI 的 chrome 扩展上遇到了 Select2 的不良行为。

场景

Select2 的内容通过 AngularJs $resouces 模块异步加载。


应该发生什么?

当我单击 Select2 时,应显示内容。


实际发生了什么?

当我第一次单击任何 select2 下拉菜单时,它只是眨眼然后隐藏。


观察:
相同的代码在 chrome 的扩展弹出窗口中工作得很好。
您可以在这里看到它的工作原理:http: //moneynow2.apphb.com并且可以在我的 github 存储库
中浏览代码。

0 投票
2 回答
727 浏览

angularjs - 在 chrome App 中使用时控制台中的 Angular UI Select2 转储错误

我正在尝试使用AngularJSAngular-UI在chrome App中使用以下 select2 示例。它工作正常,但不幸的是,每次单击下拉框时,我都会在 chrome 控制台中收到以下错误。 "拒绝执行内联事件处理程序,因为它违反了以下内容安全策略指令:"default-src 'self' chrome-extension-resource:"。请注意,'script-src' 未明确设置,因此 'default-src'用作后备。

有什么建议我该如何解决这个问题?

谢谢

*此代码在浏览器中运行良好,没有任何问题,但在 chrome 应用程序
代码中没有:

控制器

看法


解决了!
感谢@AlanRodriguesSoares 的提示。我已经从 gitub ( [link] https://raw.github.com/timoxley/select2/bug/onclick/select2.js ) 下载了另一个版本的 select2.js,这个问题在其中得到了修复。