Чтобы проиллюстрировать, как AngularJs усиливает стандартный HTML, мы сначала создадим статический шаблон HTML -страницы, а затем преобразуем этот статический шаблон HTML -страницы в шаблон AngularJS, который может быть отображен динамически.
На этом этапе мы добавляем основную информацию двух телефонов на HTML -страницу и сбросим рабочий каталог, чтобы шаг 1 со следующей командой.
GIT Checkout -f Step -1
Пожалуйста, отредактируйте файл app/index.html, добавьте следующий код в файл index.html, а затем запустите приложение для просмотра эффекта.
app/index.html
<ul> <li> <pan> nexus s </span> <p> быстро стал быстрее с Nexus S. </p> </li> <li> <pan> Motorola xoom ™ с Wi-Fi </span> <p> Следующим таблеткой следующего поколения. </p> </li> </ul>
упражняться
Попробуйте добавить несколько статических HTML -кода в index.html, например:
<p> Общее количество телефонов: 2 </p>
Суммировать
Этот шаг добавляет статический список телефона HTML в приложение, теперь давайте перейдем к шагу 2, чтобы понять, как динамически генерировать тот же список, используя AngularJS.
Выше приведено информация, разбирающая статический шаблон AngularJS. Мы будем продолжать добавлять соответствующую информацию в будущем. Спасибо за поддержку этого сайта!