2

AngularJS を使用して Web アプリで送信フォームを作成しようとしています。各フォーム エントリのオプションは、前のフォーム エントリへの応答に依存します。簡単にするためにすべてを 1 ページにまとめたいと思います。それ以上のフォーム項目は、前のフォーム エントリが入力される前にグレー表示されるか、前の応答が検証されたときにポップインされます。この概念にはおそらく名前があると思いますが、関連する検索結果の適切なキーワードを取得しようとして、アイデアの例やチュートリアルを見つけるのに苦労しました. この概念は何と呼ばれますか?

以下は、ユーザーがトーナメント結果を送信するフォームの簡単な例です。定数プロバイダーは、ドロップダウン オプションを定義するオブジェクトを提供します (例: allSports.team=['Basketball', Soccer', ...])。ただし、どのオプションが表示されるかは、以前のユーザー入力 (例: category=team) によって異なります。

- What is the name of the tournament?
- What category of tournament sport is it? (drop down)
  - Team (yes)
  - Individual
- What sport is it? (drop down)
  - Basketball
  - Soccer (yes)
- How many games were played in the tournament? (text entry)
  - 3*
- For game 1, what was the name of the home team?
  - Cougars
- For game 1, what was the name of the away team?
  - Penguin
- Indicate which team won game 1:
  - Cougars (yes) 
  - Penguins
- (repeat for games 2-3)

送信ボタンは、次のように、オブジェクトの配列にtournamentオブジェクトを追加します。tournaments

var tournaments = [
  { 'tourneyName' = 'Cougar Classic',
    'sportType' = 'Team',
    'sportName' = 'Soccer',
    'games' = [
      { 'teams' = [ 'Cougars', 'Penguins' ],
        'winner' = 'Cougars' },
      { 'teams' = [ 'Cougars', 'Penguins' ],
        'winner' = 'Penguins' },
      { 'teams' = [ 'Cougars', 'Penguins' ],
        'winner' = 'Cougars' }
      ]       
  },
  (next tournament)  
]

Web アプリでは、ユーザーは特定の基準 (すべてのバスケットボール トーナメント、ペンギンが勝利するサッカー トーナメント、すべての個人スポーツなど) でトーナメントを検索できます。

このようなことを達成するのに役立つリソースやヘルプを提供していただければ幸いです。私は Angular の基本と単純なフォーム送信についてはよく知っていますが、私が行ったチュートリアルでは、この範囲の何かを実際に見つけることができませんでした。また、私は angular-meteor でこれに取り組んでいるので、専門知識を持つ人がより具体的な推奨事項 (関連するパッケージなど) を持っている場合、それらは大歓迎です。

4

1 に答える 1