jQuery가 AngularJS 지시문에 대해 작동하지 않습니다.

지시문 안에있는 테이블의 열 너비를 조정해야합니다. 내가 할 수있는 유효한 프레임 워크를 찾았습니다 : 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를 처음 접했고 아마도 지시문에서 구성해야 할 부분이 있을까요?

출처

2016-06-14 putz

당신은 그것의 일부 사용자 정의 지시어로 작동하지 않는 것을 의미 참조 시도? – NightsWatch

@ NightsWatch 맞습니다. 정확히 솔루션을 찾았습니다. 제어기 대신 지시문 안에 jquery 코드를 추가해야합니다. – putz

쿨! 나는 대체를 제공함으로써 생각하고 있었다. 사용자 지정 지시문의 진정한 속성은 마술을 할 수있다. 가능하다면이 문제를 해결하고 의견을 공유하십시오. 다른 사람에게 도움이 될 수 있습니다. – NightsWatch

DOM이 어떻게 작동하는지 잘 모르는 경우에만 jarery의 깨끗한 코드를 만드는 방법을 제안합니다.

Resizable columns with Angularjs

출처

2016-06-14 11:33:49

jQuery가 AngularJS 지시문에 대해 작동하지 않습니다.

답변

관련 문제