angular.js - タイトルは一言で書くには難しすぎます。ぜひ過去の英雄たちに来ていただき、詳しく見てください。

Question

1. Angular の初心者ですが、基本的な知識を使って SPA を作成したいと思っています。また、インターネットからインスピレーションを得たレシピ Web サイトを作成したいと考えています。

2. 大まかなアイデアは次のとおりです: 1 ページ、2 列。 左の列は料理名のリスト、右の列は材料と手順です。左側のリストの内容をクリックすると、その 2 つに対応する右側の列が部分的に更新されます。

3. 最初に、左と右の列にそれぞれ 1 つのコントローラーを配置したいと思います。左の列は PHP ファイル (ID {1, 2, 3...}/皿名) を読み取り、それを繰り返します。右側の列は別の PHP ファイル (ID/料理名/材料 {1, 2, 3..}/レシピの手順 {1, 2, 3...}) を読み込み、左側と右側の列はルーティングによって接続されます。そうすればそれ以上何もありません。

正直に言うと、2 つのコントローラー間のルーティングを適用する方法がよくわからないので、パブリック ビュー テンプレートを右の列の別のメニューで使用する方法を考えました。これは非常に面倒です。誰かが私に指導をしてくれませんか？武術のスキルを諦めて、どこが最適なのか学び直すべきでしょうか？

Answer 1

これは angular1 の紹介デモではないでしょうか。

Answer 2

右側でデータをDOMにバインドし、左側で選択するときにデータを変更するだけです。