问题标签 [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.
angularjs - 选项卡内容中的 angular-ui 选项卡加载模板
我正在使用此控制器在 angular-ui 中使用选项卡:
这在 html 文件中:
但我想将内容设置为模板我该怎么做,我尝试在这个plunker中设置 ng-include 代码,但没有奏效。
提前致谢。
更新:
如果您找到此解决方案并且您没有使用 angular-bootstrap v0.12,则需要将代码更新为 v0.13 的新语法,如下所示:
我已经更新了plunker以获得 angular-bootstrap v0.13 的语法。
fullcalendar - 角度日历指令未在 jquery 选项卡中呈现
关于角度日历指令的另一个问题。我需要在一页上显示多个日历,并且正在使用 jquery 选项卡小部件。但是,只有一个日历可以正确呈现。在普通的 jquery fullCalendar 中,您使用 'render' 方法来确保在选择选项卡时显示日历。但是,这似乎不适用于 angular-ui 日历指令。
这是一个显示我的意思的plunker。删除 $().tabs() 和三个角度日历显示就好了。将它们包装在标签中,它不再起作用:
http://plnkr.co/edit/HEEX4iqb8kFAsjwdGmkM
关于为什么这不起作用以及如何解决它的任何想法?
谢谢!
PS。我将在 Google Groups 中交叉发布这个问题。谢谢。
html - 强制输入元素的宽度调整为其内容/值
我正在尝试取消输入元素的样式,使其文本看起来像纯文本/内联文本,并且我已经重置了它可以拥有的几乎所有 css 属性,但我无法让输入的宽度调整/缩小到它内容(input { width:auto; min-width:0; }
不起作用)。它遵循任意宽度,例如input { width: 10px; }
,因此显然它的宽度是可调节的。
我看到人们试图用javascript来做(答案中的小提琴不再起作用),所以我想知道我想要的是否可能。
这是一个小提琴。
google-maps - AngularUI - 谷歌地图 - 地图未定义
我正在尝试以这种方式使用 GoogleMaps 指令:
控制器方法
更新位置.html
地图显示完美,但在执行addMarker
时我得到一个未定义的方法$scope.myMap
。
google-maps - AngularUI - 谷歌地图 - 删除标记
我以这种方式使用 AngularUI Google Maps 指令:
更新数据.html
更新控制器
我可以添加新标记,并且地图已成功更新,因为我无法删除它们。我要做的是:
myMarkers
数组变空,但地图仍包含已删除的标记。似乎myMarkers
在将新标记推送到数组时数组和映射是同步的,但在清除myMarkers
数组时却不是。myMarkers
twitter-bootstrap - 在 jQuery datepicker buttonImage 属性中引用 Bootstrap 图标?
我应该为 jQuery datepickerbuttonImage
属性使用什么值?
我想使用带有 jQuery datepicker 的 Bootstrap 日历图标。当像这样引用时,我可以在 html 页面中使用图标图像:
当我使用angular-ui包装器ui-date
来包装 jQuery 日期选择器时:
控制器将日期选择器选项定义为:
我实际上应该为 buttonImage 插入什么值?
datepicker 期待一个类似这样的图像 url { buttonImage: "/images/datepicker.gif" }
。
angularjs - angular-bootstrap (tabs):数据绑定只能单向工作
我准备了一个小提琴并将其煮沸到最低限度:
http://jsfiddle.net/lpeterse/NdhjD/4/
一开始,所有视图都引用了模型Ctrl.foo
。
如果您更改输入中的某些内容,2:
它会正确更新模型,并且此更改会传播到所有视图。
更改输入内容4:
只会影响同一窗格中包含的视图。它的行为就像以某种方式分叉的范围。之后的更改2:
不再反映在选项卡中。
我阅读了有关指令、范围和嵌入的角度文档,但找不到对这种不良行为的解释。
我将不胜感激任何提示:-)
angularjs - 缺少 Angular ui 引导指令模板
我目前正在bootstrap-UI
我的机器上本地测试角度。当我尝试重新创建手风琴和对话框的示例时。我在控制台中收到此错误消息,提示缺少模板。
错误示例:404 Not Found - localhost/angular/template/message.html
当我查看ui-bootstrap-0.1.0.js
指令时有一个模板URL
。
templateURL
指令的目的是什么?
当我下载整个 angular bootstrap-UI
zip 文件时,是否应该包含这些模板?
我是否遗漏了应该包含在标题中的其他文件?
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 函数:
它可以解决问题,但仍然感觉像是一种解决方法。
jquery-ui - 如何使用 AngularJS 更新 jQueryUI Selectable 的选定项目?
我想将 jQueryUI Selectable 小部件与 AngularJS 一起使用。我设法使用ui-jq
来自 AngularUI 的 jQuery Passthrough 指令来包含它,该指令可以很好地获得所需的 UI 效果。现在我想使用 AngularJS 更新所选项目的数据,但想不出办法。
我找到了AngularUI Sortable 指令,这可能是实现 Selectable 指令的一个很好的起点,但是当我刚开始使用 AngularJS 时,我很难让它适应我的需要。
例子:
http://jsfiddle.net/ffeldha/2KzRt/
如何更新所选项目的名称?