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>

在我的控制器中,我设置范围:

 $scope.totalApples = 2;

谢谢

Answer 1

如果您对所选值感兴趣,您应该将该ng-options指令与该指令结合使用ng-model.看看这个例子.

另外,不要将您在检查选项元素时看到的选项值混淆.Angular确保正确的值绑定到您的模型.