배경 : Angular와 JQuery 클래스 라이브러리 간의 협력
제 3 자 도서관에서 우리는 유명한 jQuery를 언급해야합니다. 유명한 jQuery는 기본적으로 국내 웹 개발을위한 강제 도구입니다. 유연한 DOM 운영으로 많은 웹 개발자가 중지 할 수 없습니다. 이미 성숙한 jQuery UI 라이브러리와 많은 jQuery 플러그인과 함께 거의 무시할 수없는 보물 집입니다. 그러나 AngularJS와 결합 할 수 있습니까?
많은 AngularJS 근본 주의자들은 이것에 대해 부정적입니다. 그들은 AngularJS가 웹 응용 프로그램 프레임 워크로 사용되었으므로 다른 클래스 라이브러리의 간섭을 피하고 순수한 MVVM 모드 응용 프로그램을 만들어야한다고 생각합니다. jQuery와 유사한 DOM 작업은 부정합니다. DOM 운영과 같은 모든 인터페이스 관련 작업을 지시어로 사용하여 페이지가 코드없이 지시되도록 JSF의 아이디어와 일치합니다. MVVM, DSL, 구성 요소화 아이디어는 웹의 트렌드입니다. 글쎄, 아이디어는 좋고, 근본 주의자들은 너무 순수합니다. 그러나 사실은 AngularJS를 사용할 때 jQuery 없이는 할 수 없다는 것입니다.
우리 모두 알다시피, jQuery lite. 실제로 AngularJS에 내장되어 있으며 AngularJS 소스 코드의 많은 방법은 jQuery 메소드를 사용하는 데 직접 사용됩니다. 예를 들어, AngularJS의 이벤트 결합 메커니즘. 선지자들은 모두 그것을 사용하고 있기 때문에 왜 우리는 그것을 사용하지 않습니까? 구성 요소화에 대한 아이디어에는 아무런 문제가 없지만 이로 인해 손과 발을 묶을 필요는 없습니다. 주목해야 할 유일한 것은 jQuery의 코드를 사용하여 AngularJS의 구조를 파괴하는 것입니다. (원본 링크 : http://www.angularjs.cn/a0fg)
사례 : Angular에서 공식 부트 스트랩 웹 사이트의 시간 플러그인을 캡슐화
사용 지침 :
ng-model='timepickerTest' ng-time on the original bootstrap-datetimepicker의 HTML 조각
github에서 코드의 스토리지 주소 : https://github.com/cynthiawupore/ui-bootstrap-datetimepicker
여전히 심도있게 공부하고 싶다면 여기를 클릭하여 3 가지 흥미로운 주제를 공부하고 첨부 할 수 있습니다.
부트 스트랩 학습 튜토리얼
부트 스트랩 실용 튜토리얼
부트 스트랩 플러그인 사용 튜토리얼
위는이 기사의 모든 내용입니다. 모든 사람의 학습에 도움이되기를 바랍니다. 모든 사람이 wulin.com을 더 지원하기를 바랍니다.