在AngularJS中使用JqueryUI菜单
Using JqueryUI menu with AngularJS
我们正在尝试让JqueryUI菜单在我们的AngularJS应用程序中工作。在Layout.js中,我们做了以下操作:
OURApp.controller('leftBarCtrl', ['$scope', function ($scope) {
$scope.init = function () {
$.ajax({
url: "../Data/MainPageData",
type: "GET",
dataType: "Json",
data: {},
success: function (data) {
if (data.Acknowledgment) {
$scope.$apply(function () {
$scope.subscriptionsModel = data.userSubscriptionsReponse.UserSubscriptionsObjects;
$scope.CompanyModel = data.userResponse.CompanyInformation;
})
$("#mdsubscriptionMenu").menu({
menus: "ul",
items: "li"
});
}
.......
但它似乎不起作用。我读到将menu()调用移动到一个angular"。指令"仅限于‘A’"应该能奏效。这是唯一推荐的让JqueryUI组件与AngularJS一起工作的方法吗?
谢谢
这类代码需要放在指令中。你不应该在控制器中使用jQuery
当你尝试在$apply()
之外初始化插件时,你也没有考虑任何渲染时间。当你现在运行插件代码时,$("#mdsubscriptionMenu")
可能仍然是空的。
这将有助于看到你用来呈现菜单的视图html。
您可以使用ng-repeat
的$last
属性来触发菜单插件init
相关文章:
- JavaScript下拉菜单-点击按钮并根据所选值重定向到url
- Jquery菜单操作不稳定,定位不正确,存在一般错误
- angular的下拉菜单
- 使用JQuery的动态上下文菜单
- 创建带有和不带有JavaScript的Bootstrap下拉菜单
- 创建下拉菜单
- 下拉菜单在菜单按钮的边缘闪闪发光
- Div根据<选择>菜单
- 根据选项卡内部的文本链接中的哈希ID动态选择jqueryUI选项卡
- I'我设计了一个下拉菜单,onclick会出现,而on blur会消失
- 硒IDE下拉菜单
- 将JavaScript弹出菜单转换为警报框
- 调整屏幕大小后不显示子菜单
- JQueryUI选择菜单-如何添加更多选项
- 无法在单击 jQueryUI 菜单项时将焦点设置为jQuery UI对话框中的表单字段
- jQueryUI 自动完成将菜单附加到错误的元素
- 如何设置最大高度,并允许滚动与jQueryUI选择菜单
- jQueryUI按钮显示操作的子菜单
- 在AngularJS中使用JqueryUI菜单
- 将焦点集中在jQueryUI菜单项上,该菜单项具有比单击侦听器更宽的侦听器