AngularJS가 표준 HTML을 향상시키는 방법을 설명하기 위해 먼저 정적 HTML 페이지 템플릿을 작성한 다음이 정적 HTML 페이지 템플릿을 동적으로 표시 할 수있는 AngularJS 템플릿으로 변환합니다.
이 단계에서는 두 전화기의 기본 정보를 HTML 페이지에 추가하고 다음 명령으로 작업 디렉토리를 1 단계로 재설정합니다.
코드 사본은 다음과 같습니다.
GIT 체크 아웃 -F 단계 1
app/index.html 파일을 편집하고 다음 코드를 index.html 파일에 추가 한 다음 앱을 실행하여 효과를보십시오.
app/index.html
코드 사본은 다음과 같습니다.
<ul>
<li>
<Span> Nexus S </span>
<p>
Nexus S와 함께 빨리 빨라졌습니다.
</p>
</li>
<li>
<span> wi-fi </span>가있는 Motorola Xoom ™
<p>
다음 세대 태블릿.
</p>
</li>
</ul>
관행
예를 들어 index.html에 여러 정적 HTML 코드를 추가하십시오.
코드 사본은 다음과 같습니다.
<p> 총 전화 수 : 2 </p>
요약
이 단계는 정적 HTML 전화 목록을 앱에 추가합니다. 이제 AngularJS를 사용하여 동일한 목록을 동적으로 생성하는 방법을 이해하려면 2 단계로 가십시오.