inTechLinuxWeb構築ProgramPHPjavascriptSteam社長。inTechLinuxWeb構築ProgramPHPjavascriptSteam社長。間が空いてしまいましたがangular.jsのstep6です。本家のチュートリアルが更新されていて、利用しているバージョンが1.2に更新されていました。http://docs.angularjs.org/tutorial/step_06step6ではjsonのデータに記述されているデータでテンプレートを表示します。チュートリアルでは画像のファイル名をjson内に記述しておいて、ng-srcで指定した画像ファイル表示を行っています。ng-src="{{phone.imageUrl}}">チュートリアルの解説とりあえずここにサンプルをそのままのせておきました。相変わらずモトローラのスマートフォンのインフォメーションが多いようです。jsonの中身はこのような感じで定義されています。黙って進んでいきます。htmlファイル内のテンプレートindex.htmlのソースの中ぐらいにリストタグで囲まれた記述があります。ここが今回注目すべき場所です。ここでjsonから受け取ったデータを繰り返し表示します。</li></ul>imgタグの中にng-srcの記述があると思います。画像の変更などを行うことができます。filterとorderByについてはStep3について解説していますのでそちらもお読みください。ようなURLが生成されますが、Step6では特にリンクをクリックしても何もおきません。次回からこのURLをもとにしてほかのテンプレートを呼び出すということを行っていきます。-1908′′MongoDBでレプリカセット試してみた。コメントをキャンセルコメントを投稿するにはログインしてください。