AngularJS 入門チュートリアル (1): 静的テンプレート_AngularJS

angularJS が標準 HTML をどのように強化するかを説明するために、まず静的 HTML ページ テンプレートを作成し、次にこの静的 HTML ページ テンプレートを動的に表示できる AngularJS テンプレートに変換します。

このステップでは、2 台の携帯電話の基本情報を HTML ページに追加し、次のコマンドを使用して作業ディレクトリをステップ 1 にリセットします。

コードをコピーします コードは次のとおりです:

git checkout -f ステップ-1

app/index.html ファイルを編集し、次のコードをindex.html ファイルに追加して、アプリケーションを実行して効果を確認してください。

app/index.html

コードをコピーします コードは次のとおりです:

• 
                                                                                                                                                                            Nexus S ではさらに高速になりました。
                                                                                     


• 
  モトローラ                                                                                       次世代のタブレット。
                                                                                     

練習

複数の静的 HTML コードをindex.html に追加してみます。例:

コードをコピーします

コードは次のとおりです:

電話機の合計数: 2

概要

このステップでは、静的な HTML 電話リストをアプリに追加します。次にステップ 2 に進み、AngularJS を使用して同じリストを動的に生成する方法を学びましょう。