1.静的テンプレート

普通のHTMLページをテンプレートにして、任意のデータを表示できるようにしてみましょう。

まず、2種類のスマホの基本情報を普通のHTMLで表示します。
app/index.htmlを以下のように変更します。

変更済みのファイル一式は、git checkout -f step-1 で取得できます。

<ul>
  <li>
    <span>Nexus S</span>
    <p>
      Fast just got faster with Nexus S.
    </p>
  </li>
  <li>
    <span>Motorola XOOM™ with Wi-Fi</span>
    <p>
      The Next, Next Generation tablet.
    </p>
  </li>
</ul>

次のステップでは、これをAngularJSで動的に表示してみましょう。

＜戻る（0.ブートストラップ）　次へ（2.Angulerテンプレート）＞

最終更新日：2015/12/24

[ ページ先頭へ ]