select - angularjs - 如何基于原始模型而不是模型填充 html 选择元素选项

Question

基本上，我有一个输入控件元素，您可以在其中输入您拥有的苹果总数，并根据我想要设置的最大迷你苹果派数量来设置您可以制作的迷你苹果派(每 1 个苹果)可以做1个迷你苹果派)。 Angularjs 文档声明使用 ngOptions，但我只是想将其基于原始(苹果总数)而不是模型。

所以，如果我的 totalApples 值为 2，那么我希望生成 2 个选项(一个值为 1，另一个值为 2)

到目前为止我的代码如下:

HTML 片段:

<input ng-model="totalApples" />
<select ng-options="">
  <option value="1">1</option>  //what I would like to have is the options generated 
  <option value="2">2</option>
</select>

在我的 Controller 中，我设置了范围:

 $scope.totalApples = 2;

谢谢

Answer 1

如果您对所选值感兴趣，您应该真正将 ng-options 指令与 ng-model 结合使用。看看this example .

另外，不要与检查选项元素时看到的选项值混淆。 Angular 确保将正确的值绑定(bind)到您的模型。