-1

次の ui シナリオがあります。ユーザーがお気に入りの映画を入力できるように、3 つの入力を持つ ui を作成する必要があります。これらの入力は、以前に入力された場合、またはユーザーが 3 つの映画をアップロードし、リストを表示するために戻ってきた場合を除いて、常に 3 つになります。

ケース 1: ユーザーにはデータが保存されていません。したがって、hg-repeat で生成されたのではなく、モデルにバインドされた 3 つの入力があるはずです。

ケース 2: ユーザーがロードしたムービーが 2 つ未満 (3 つのうち) です。hg-repeat で 2 つの入力を生成できますが、最後の入力を表示する必要があります。

ケース 3: ユーザーが 3 つの入力を入力した場合、ユーザーがお気に入りの映画を追加し続けることができるように、UI は 4 つの空の入力を生成する必要があります。

これを達成するためのAngularでの最良のアプローチはどれですか?

よろしくお願いします。

ギレルモ

4

1 に答える 1

0

いずれの場合も、ng-repeat を使用する必要があります。そして、私はこのようなことをします:

  1. 値を格納するオブジェクトを作成する

movies={movie1:undefined, movie2:undefined, movie3undefined}

  1. ユーザーがロードしたムービーがある場合は、このオブジェクトを事前に入力します
  2. ng-repeat を作成する

<li ng-repeat='movie in movies'>入力が映画にバインドされている場合：<input ng-model='movies[movie]'>

ng-if3 つの値が満たされているかどうかをテストしてから 4 番目の入力を追加して、最後の li アイテムを作成することもできます。

于 2013-08-21T13:48:17.300 に答える