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