问题标签 [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.
javascript - 带有对象的 Angular UI select2 数组是否可能?
有没有一种简单的方法可以将选项作为数组中的对象?如下:
还是我完全错了?
angularjs - angularjs ng-grid 保持选择更新
我正在尝试使用该ng-grid
设置,但遇到以下问题。
我显示的数据变化非常频繁,每 5 秒左右。但是没有很多新数据被添加到列表中。
当我将数据设置到 ng-grid 时,用户可以开始查看数据。但是当我在大约 5 秒后更新数据时,用户所做的选择和分组丢失了。
http://plnkr.co/edit/eK1aeRI67qMROqDUtPnb
无论如何要保留选择和/或分组吗?
angularjs - AngularJS ng-repeat 内容上的 Gridster jQuery 插件变坏了
我正在尝试将Gridster与 AngularJS 集成,但还没有取得太大的成功。
阅读有关 Angular UIui-jq
指令的文档,我觉得这个(检查小提琴)应该可以工作。但是当我用 Chrome 的调试器进一步观察时,结果发现在这一行上,它根本没有找到任何孩子。
我怀疑在 ng-repeat 指令的某个地方,AngularJS 决定删除将重复的部分,我明白为什么,但这并不能解决我的问题。我欢迎任何可以帮助我走得更远的线索。
更新 1
我开始把它变成一个指令,希望它能改善事情。但是,嵌套ng-repeat
指令也会妨碍本地指令。我尝试尽可能推迟连接 jQuery 插件($evalAsync
)等,最终使用$timeout
. 这是我可以让它工作的唯一方法。
更新 2
我认为最初的方法永远不会给我我需要的东西。所以实现了一个自定义指令。请看下面我的回答。
angularjs - 与 ng-repeat 一起使用时,ui-bootstrap 工具提示不起作用
我想使用该ui-bootstrap tooltip
指令将工具提示分配给由指令呈现的按钮数组ng-repeat
,如下所示:
但我面临一个奇怪的问题:ng-repeat 循环变量得到一个空白值,除了在工具提示本身中,例如在上面的示例中,标签值在按钮中将为空白。可以在此链接中看到显示该问题的片段。删除工具提示属性一切正常。有没有人一直在使用 ui-bootstrap 并且知道这些问题?
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 中修复它。
javascript - AngularJS 在指令运行之前通过 AJAX 检索数据
我正在使用 AngularUI 的uiMap指令来实例化谷歌地图。uiMap 指令适用于硬编码数据({mapOptions}
和[myMarkers]
);但是,当我通过检索此数据时遇到了麻烦$http.get()
(指令在 AJAX 调用完成之前触发)。
最初我在GoogleMaps
控制器中执行 GET,但当我意识到事情发生的顺序不正确时,我将 GET 移动到uiMap
指令中。我有两个问题:
- 我认为这不是正确的方法。
- GET 还检索数据
[myMarkers]
- 创建标记的函数/指令无处不在,因为它负责创建所有覆盖
所以我的问题是,在指令运行之前,应用程序中是否还有其他地方可以检索数据(并将其应用于范围)?
我阅读了$q,这听起来像是我想要的,但我不确定我是否可以在我的控制器中而不是在指令中做到这一点(也不确定$q.defer.resolve()
与 有什么不同$http.success()
)。
编辑我使用的大部分代码是从 AngularUI 的文档中复制/粘贴的,但这里有一个 plunk:http ://plnkr.co/edit/t2Nq57
解决方案
注意事项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
jquery-ui - 为什么 jQuery UI 可排序连接列表不适用于 Angular UI?
我正在尝试使用Angular UI和jQuery UI Sortable来模仿连接列表的行为。
但是,这种行为非常不稳定:http: //jsfiddle.net/hKYWr/227/有 什么想法吗?
HTML:
JS:
CSS:
angularjs - ngRepeat 在 AngularUI 引导对话框中不起作用
有谁知道如何让我的代码工作。我正在尝试创建一个用户创建对话框并希望使用 ngResource 发送帖子数据,我已经配置了我的 PHP 后端并且它按预期工作。现在,我的问题是在对话框上附加错误,我尝试添加虚拟数据,但 ngRepeat 对我不起作用。我还尝试了调试问题的不同步骤,但对我没有任何作用。我也在研究这个问题,但没有运气。这是我的代码:
尝试查看链接 http://jsfiddle.net/QCQrF/
google-chrome-extension - Select2 在 chrome 扩展弹出窗口上无法正常工作
我在使用AngularJS和 Angular-UI 的 chrome 扩展上遇到了 Select2 的不良行为。
场景
Select2 的内容通过 AngularJs $resouces 模块异步加载。
应该发生什么?
当我单击 Select2 时,应显示内容。
实际发生了什么?
当我第一次单击任何 select2 下拉菜单时,它只是眨眼然后隐藏。
观察:
相同的代码在 chrome 的扩展弹出窗口中工作得很好。
您可以在这里看到它的工作原理:http: //moneynow2.apphb.com。并且可以在我的 github 存储库
中浏览代码。
angularjs - 在 chrome App 中使用时控制台中的 Angular UI Select2 转储错误
我正在尝试使用AngularJS和Angular-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,这个问题在其中得到了修复。