2016-06-14 53 views
0

我不得不调整位于我的指令中的表格的列宽。我找到了一个有效的框架来做到这一点: Resizable table columns with jQuery。但是,我有以下问题。使调整大小列的工作很简单,只需添加这jQuery代码我的角度控制器内:jQuery不适用于AngularJS指令

$("#normal").colResizable({ 
       liveDrag:true, 
       gripInnerHtml:"<div class='grip'></div>", 
       draggingClass:"dragging", 
       resizeMode:'fit' 
      }); 

凡正常是我的表的ID是下面的:

<table id="normal" width="100%" border="0" cellpadding="0" cellspacing="0"> 
      <tr> 
       <th>header</th><th>header</th><th>header</th> 
      </tr> 
      <tr> 
       <td class="left">cell</td><td>cell</td><td class="right">cell</td> 
      </tr> 
      <tr> 
       <td class="left">cell</td><td>cell</td><td class="right">cell</td> 
      </tr> 
      <tr> 
       <td class="left bottom">cell</td><td class="bottom">cell</td><td class="bottom right">cell</td> 
      </tr>                 
     </table> 

现在的问题是,jQuery不工作的指令内的表,我的意思是,如果我把表内的正常的HTML页面调整列的宽度它的工作原理,但如果我把表内代码AngularJs指令它不起作用。

我只是在我的页面内的表,没有其他代码可以影响它的功能。

我想问题是jQuery,但我不完全确定它。我是Angular的新手,也许我应该在我的指令中配置一些东西?

+0

你的意思是它不使用一些自定义指令的工作? – NightsWatch

+0

@ NightsWatch是的,正好,我刚刚找到解决方案,我必须在指令中添加jQuery代码而不是控制器。 – putz

+0

酷!我正在考虑给予替换:你的自定义指令中的真实属性可能会做到这一点。如果可能的话,请您尝试一下并分享您的反馈。这可能对别人有帮助。 – NightsWatch

回答

0

我建议你只有在不确定DOM如何工作以及如何在角度内获得干净的jquery代码时,才会尝试使用Angular。

尝试参照Resizable columns with Angularjs