jQuery不適用於AngularJS指令

我不得不調整位於我的指令中的表格的列寬。我找到了一個有效的框架來做到這一點： 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的新手，也許我應該在我的指令中配置一些東西？

來源

2016-06-14 putz

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

@ NightsWatch是的，正好，我剛剛找到解決方案，我必須在指令中添加jQuery代碼而不是控制器。 – putz

酷！我正在考慮給予替換：你的自定義指令中的真實屬性可能會做到這一點。如果可能的話，請您嘗試一下並分享您的反饋。這可能對別人有幫助。 – NightsWatch

我建議你只有在不確定DOM如何工作以及如何在角度內獲得乾淨的jquery代碼時，纔會嘗試使用Angular。

嘗試參照Resizable columns with Angularjs

來源

2016-06-14 11:33:49

jQuery不適用於AngularJS指令

回答

相關問題