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> Fast는 Nexus S. </p> </li> <li> <span> Motorola Xoom ™을 통해 Wi-Fi </span> <p> 다음 세대 태블릿으로 더 빨라졌습니다. </p> </li> </ul>
관행
예를 들어 index.html에 여러 정적 HTML 코드를 추가하십시오.
<p> 총 전화 수 : 2 </p>
요약
이 단계는 정적 HTML 전화 목록을 앱에 추가합니다. 이제 AngularJS를 사용하여 동일한 목록을 동적으로 생성하는 방법을 이해하려면 2 단계로 가십시오.
위는 AngularJS의 정적 템플릿을 분류하는 정보입니다. 우리는 향후 관련 정보를 계속 추가 할 것입니다. 이 사이트를 지원 해주셔서 감사합니다!