问题标签 [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 回答
21549 浏览

angularjs - 选项卡内容中的 angular-ui 选项卡加载模板

我正在使用此控制器在 angular-ui 中使用选项卡:

这在 html 文件中:

但我想将内容设置为模板我该怎么做,我尝试在这个plunker中设置 ng-include 代码,但没有奏效。
提前致谢。

更新:

如果您找到此解决方案并且您没有使用 angular-bootstrap v0.12,则需要将代码更新为 v0.13 的新语法,如下所示:

我已经更新了plunker以获得 angular-bootstrap v0.13 的语法。

0 投票
2 回答
1570 浏览

fullcalendar - 角度日历指令未在 jquery 选项卡中呈现

关于角度日历指令的另一个问题。我需要在一页上显示多个日历,并且正在使用 jquery 选项卡小部件。但是,只有一个日历可以正确呈现。在普通的 jquery fullCalendar 中,您使用 'render' 方法来确保在选择选项卡时显示日历。但是,这似乎不适用于 angular-ui 日历指令。

这是一个显示我的意思的plunker。删除 $().tabs() 和三个角度日历显示就好了。将它们包装在标签中,它不再起作用:

http://plnkr.co/edit/HEEX4iqb8kFAsjwdGmkM

关于为什么这不起作用以及如何解决它的任何想法?

谢谢!

PS。我将在 Google Groups 中交叉发布这个问题。谢谢。

0 投票
2 回答
1188 浏览

html - 强制输入元素的宽度调整为其内容/值

我正在尝试取消输入元素的样式,使其文本看起来像纯文本/内联文本,并且我已经重置了它可以拥有的几乎所有 css 属性,但我无法让输入的宽度调整/缩小到它内容(input { width:auto; min-width:0; }不起作用)。它遵循任意宽度,例如input { width: 10px; },因此显然它的宽度是可调节的。

我看到人们试图用javascript来做(答案中的小提琴不再起作用),所以我想知道我想要的是否可能。

这是一个小提琴

0 投票
1 回答
1864 浏览

google-maps - AngularUI - 谷歌地图 - 地图未定义

我正在尝试以这种方式使用 GoogleMaps 指令:

控制器方法

更新位置.html

地图显示完美,但在执行addMarker时我得到一个未定义的方法$scope.myMap

0 投票
2 回答
7075 浏览

google-maps - AngularUI - 谷歌地图 - 删除标记

我以这种方式使用 AngularUI Google Maps 指令:

更新数据.html

更新控制器

我可以添加新标记,并且地图已成功更新,因为我无法删除它们。我要做的是:

myMarkers数组变空,但地图仍包含已删除的标记。似乎myMarkers在将新标记推送到数组时数组和映射是同步的,但在清除myMarkers数组时却不是。myMarkers

0 投票
3 回答
9419 浏览

twitter-bootstrap - 在 jQuery datepicker buttonImage 属性中引用 Bootstrap 图标?

我应该为 jQuery datepickerbuttonImage属性使用什么值?

我想使用带有 jQ​​uery datepicker 的 Bootstrap 日历图标。当像这样引用时,我可以在 html 页面中使用图标图像:

当我使用angular-ui包装器ui-date来包装 jQuery 日期选择器时:

控制器将日期选择器选项定义为:

我实际上应该为 buttonImage 插入什么值?

datepicker 期待一个类似这样的图像 url { buttonImage: "/images/datepicker.gif" }

0 投票
3 回答
4338 浏览

angularjs - angular-bootstrap (tabs):数据绑定只能单向工作

我准备了一个小提琴并将其煮沸到最低限度:

http://jsfiddle.net/lpeterse/NdhjD/4/

一开始,所有视图都引用了模型Ctrl.foo

如果您更改输入中的某些内容,2:它会正确更新模型,并且此更改会传播到所有视图。

更改输入内容4:只会影响同一窗格中包含的视图。它的行为就像以某种方式分叉的范围。之后的更改2:不再反映在选项卡中。

我阅读了有关指令、范围和嵌入的角度文档,但找不到对这种不良行为的解释。

我将不胜感激任何提示:-)

0 投票
7 回答
56202 浏览

angularjs - 缺少 Angular ui 引导指令模板

我目前正在bootstrap-UI我的机器上本地测试角度。当我尝试重新创建手风琴和对话框的示例时。我在控制台中收到此错误消息,提示缺少模板。

错误示例:404 Not Found - localhost/angular/template/message.html

当我查看ui-bootstrap-0.1.0.js指令时有一个模板URL

templateURL指令的目的是什么?

当我下载整个 angular bootstrap-UIzip 文件时,是否应该包含这些模板?

我是否遗漏了应该包含在标题中的其他文件?

0 投票
2 回答
18595 浏览

angularjs - 设置 Angular-UI Select2 多个指令的初始值

我有一个 select2 指令,用于多个选择国家的自定义查询来获取数据:

我正在尝试使用以下方法在我的控制器中设置最初选择的值:

这确实正确设置了模型,但是这是在 select2 初始化发生之前发生的。当我逐步完成剩余的初始化代码时,输​​入会[Object]在最终消隐$scope.filters.countries和输入之前暂时显示,但它不会在输入中显示占位符文本。

为了解决这个问题,我使用以下方法来重置模型的初始值:

使用setTimeout. 有没有更好的方法让我想念?

更新 1

根据 ProLoser 的要求,这里有一个演示和 github 票。

演示:http ://plnkr.co/edit/DgpGyegQxVm7zH1dZIJZ?p=preview

GitHub问题:https ://github.com/angular-ui/angular-ui/issues/455

按照 ProLoser 的建议,我开始使用 select2 的 initSelection 函数:

它可以解决问题,但仍然感觉像是一种解决方法。

0 投票
1 回答
2096 浏览

jquery-ui - 如何使用 AngularJS 更新 jQueryUI Selectable 的选定项目?

我想将 jQueryUI Selectable 小部件与 AngularJS 一起使用。我设法使用ui-jq来自 AngularUI 的 jQuery Passthrough 指令来包含它,该指令可以很好地获得所需的 UI 效果。现在我想使用 AngularJS 更新所选项目的数据,但想不出办法。

我找到了AngularUI Sortable 指令,这可能是实现 Selectable 指令的一个很好的起点,但是当我刚开始使用 AngularJS 时,我很难让它适应我的需要。

例子:

http://jsfiddle.net/ffeldha/2KzRt/

如何更新所选项目的名称?