-1

我有以下 ui 场景：需要创建一个具有三个输入的 ui，以允许用户输入他/她最喜欢的电影。这些输入将始终为三个，除非它们先前已填充，或者用户上传了三部电影并且他/她回来查看列表。

所以：案例1：用户没有存储任何数据。所以应该有三个输入，不是用 hg-repeat 生成的，而是受限于模型。

情况 2：用户加载的影片少于两（三）个。使用 hg-repeat 可以生成两个输入，但必须显示最后一个。

案例 3：用户填写了三个输入，用户界面必须生成一个四空输入，以允许用户继续添加他/她喜欢的电影。

使用角度实现这一目标的最佳方法是什么？

提前非常感谢，

吉列尔莫

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]'>

如果 3 个值已填充，您还可以创建一个带有ng-if测试的最后一个 li 项目，然后添加第四个输入。

于 2013-08-21T13:48:17.300 回答