AngularJS 시작하기 튜토리얼(2): AngularJS Template_AngularJS

이제 이러한 웹페이지에 동적 기능을 제공할 때입니다. AngularJS를 사용하세요! 나중에 추가될 컨트롤러에 대한 테스트를 여기에 추가했습니다.

애플리케이션에는 다양한 유형의 코드 구조가 있습니다. AngularJS 애플리케이션의 경우 MVC(Model-View-Controller) 패턴을 사용하여 코드를 분리하고 문제를 분리하는 것이 좋습니다. 이를 염두에 두고 AngularJS를 사용하여 일부 모델, 뷰 및 컨트롤러를 애플리케이션에 추가합니다.

작업 디렉토리를 재설정하세요:

코드 복사 코드는 다음과 같습니다.

git checkout -f 2단계

이제 우리 앱에는 세 개의 휴대폰 목록이 있습니다.

1단계와 2단계의 가장 중요한 차이점은 다음과 같습니다. GitHub로 이동하여 전체 차이점을 확인할 수 있습니다.

뷰 및 템플릿

AngularJS에서 뷰는 HTML 템플릿을 통해 렌더링된 모델의 매핑입니다. 이는 모델이 변경될 때마다 AngularJS가 실시간으로 조인 포인트를 업데이트하고 그에 따라 뷰를 업데이트한다는 것을 의미합니다.

예를 들어 뷰 구성 요소는 다음 템플릿을 사용하여 AngularJS에서 구축됩니다.

코드 복사 코드는 다음과 같습니다.

...

• 
  {{전화번호.이름}}
  

  {{phone.snippet}}