AngularJS 시작하기 튜토리얼(1): 정적 템플릿_AngularJS

angularJS가 표준 HTML을 향상시키는 방법을 설명하기 위해 먼저 정적 HTML 페이지 템플릿을 만든 다음 이 정적 HTML 페이지 템플릿을 동적으로 표시할 수 있는 AngularJS 템플릿으로 변환합니다.

이번 단계에서는 두 휴대폰의 기본 정보를 HTML 페이지에 추가하고, 다음 명령어를 사용하여 작업 디렉터리를 1단계로 재설정합니다.

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

git checkout -f 1단계

app/index.html 파일을 편집하고 index.html 파일에 다음 코드를 추가한 후 애플리케이션을 실행하여 효과를 확인해 보세요.

app/index.html

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

• 
  > > Nexus S로 더욱 빨라졌습니다.
  >


• 
  & Lt; 스팬 & gt; Wi-Fi & lt;/span & gt; > 차세대, 차세대 태블릿.
  >

연습

index.html에 여러 개의 정적 HTML 코드를 추가해 보세요. 예:

코드 복사

코드는 다음과 같습니다.

총 전화기 수: 2

요약

이 단계에서는 정적 HTML 전화 목록을 앱에 추가합니다. 이제 AngularJS를 사용하여 동일한 목록을 동적으로 생성하는 방법을 알아보기 위해 2단계로 이동하겠습니다.