如何从角度控制器正确调用jQuery

我试图用角度使用jQuery-UI标签,从而将它们挂起来.

见示例here

问题是调用jQuery(“#tabs”).tabs();在控制器中似乎勾上了“一半”需要的“tabbify”的东西.

想法？

解决方法

您不应该在控制器中进行DOM操作.相反,您应该使用指令.

我一直在为自己的使用制定一套指令：https://github.com/ganarajpr/Angular-UI-Components

理念是将这些简单的代码放在指令文件中：

.directive('maketab',function() {
        return function(scope,elm,attrs) {
            elm.tabs({
                show: function(event,ui) {
                        scope.$broadcast("tabChanged",ui);
                }
            });
        };
    })

然后,在您要转换成标签的div中：

<div id="mytab" maketab>

<ul>
....
</ul>

<div>...</div>
...
</div>

请注意,div及其子结构应符合JQuery UI要求的结构.

有关更强大的示例和更多组件,请查看github repo.