2016-06-14 18 views
0

ディレクティブ内にあるテーブルのカラム幅をリサイズする必要があります。私はそれを行う有効なフレームワークを見つけました: Resizable table columns with jQuery。しかし、次のような問題があります。サイズ変更列が非常に簡単です作品作り、ちょうど私の角度コントローラの内側に、このjQueryのコードを追加します。今問題jQueryはAngularJSディレクティブでは機能しません

<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> 

:次は私のテーブルのIDです通常

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

をそのjQueryは、ディレクティブ内のテーブルのために働いていない、つまり、私は正常なHTMLページ内のテーブルを置く場合は、列幅のサイズを変更するが、私はAngularJs指示内にテーブルコードを置く場合は動作しません。

私は自分のページ内にテーブルを持っていますが、その機能に影響を与える可能性のある他のコードはありません。

私は問題がjQueryだと思うが、私はそれについて完全にはわかっていない。私はAngularを初めて使っています。私の指示にconfigureをしなければならないことがありますか?

+0

あなたはカスタムディレクティブで動作しないことを意味していますか? – NightsWatch

+0

@ NightsWatchはい、まさに解決策を見つけました。コントローラーではなくディレクティブの中にjqueryコードを追加する必要があります。 – putz

+0

クール!私は、置き換えを与えることによって考えていた:カスタムディレクティブ内の真のプロパティは、魔法を行う可能性があります。可能であれば、これを試して、フィードバックをお寄せください。それは他人のために役立つかもしれません。 – NightsWatch

答えて

0

DOMがどのように動作するのかわからない場合、角度の範囲内でjqueryのクリーンなコードを取得する方法がある場合にのみ、Angularを使用することをお勧めします。

を参照してください。Resizable columns with Angularjs

関連する問題