jQuery не работает для директивы AngularJS

Мне нужно изменить размер столбца таблицы, который находится внутри моей директивы. Я нашел действительную структуру для этого: Resizable table columns with jQuery. Однако у меня есть следующая проблема. Сделать столбец изменения размера работает довольно просто, добавьте этот JQuery код внутри моего углового регулятора:jQuery не работает для директивы AngularJS

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

Где нормаль идентификатор моей таблицы, которая состоит в следующем:

<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 в угловом формате.

Try со ссылкой Resizable columns with Angularjs

источник

2016-06-14 11:33:49

jQuery не работает для директивы AngularJS

ответ

Смежные вопросы