Javascript 如何将选择列表绑定到角度数组中？

我需要有两个下拉列表，每个列表最初包含1到9个整数。我想我可以使用以下方法来实现这一点：

<--html area-->
<select ng-repeat="num in MaxCupcakes">
    <option ng-model="num" />
</select> 

<select ng-repeat="num in MyCupcakes">
     <option ng-model="num" />
</select> 

<--script area -->

var app = angular.module("app", []);
app.controller('Ctrl', function() {

   $scope.MaxCupcakes = [1,2,3,4,5,6,7,8,9]; 
   $scope.MyCupcakes = [1,2,3,4,5,6,7,8,9]; 

});

var-app=angular.module（“app”，[]）；
应用程序控制器（'Ctrl'，函数（）{
$scope.MaxCupcakes=[1,2,3,4,5,6,7,8,9]；
$scope.MyCupcakes=[1,2,3,4,5,6,7,8,9]；
});

---

一旦我得到了正确的设置，我想在MaxCupcakes中选择什么来限制MyCupcakes的数量。例如，如果我将max cupcakes设置为5，那么我只能在mycupcakes中选择1-5。

更好的方法是在第二次选择时使用过滤器

<div ng-app ng-controller="Ctrl">
    <select ng-model="max">
        <option ng-repeat="num in MaxCupcakes" ng-click="changeMax(num)">
            {{num}}
        </option>
    </select>
    <select ng-model="foo>
        <option ng-repeat="num in MyCupcakes | limitTo:max">
            {{num}}
        </li>
    </select>
</div>

---

ng repeat

将在

上使用，但更常见的是在

上使用

ng选项。数组中有一个格式不正确的对象，注入一些未使用的（$filter），重复错误的元素，每个选项的值都是1，ngModel on option而不是select，并对两者使用相同的值。我意识到（希望）这是伪代码，所以您可能想花一些时间创建一些更接近工作的东西，然后在遇到困难时寻求帮助。MrObrian，我正试图缩短和清理工作代码。我承认我正在努力学习英语，所以在寻求帮助时，请给我一些不完美的空间。为了提出问题，一切都正确是一个很高的标准。我拍摄更多的是为了总的想法，所以有人可以说使用ng真的很酷的数组绑定的东西，而不是期待我正在尝试做的工作副本。不管怎样，谢谢你的输入，我会修正我的例子中不正确的部分。谢谢你，这比我预期的要多，是一个很好的例子，说明了如何做我一直在寻找的事情。我没有想到过滤器。
function Ctrl($scope) {
    $scope.MaxCupcakes = [1,2,3,4,5,6,7,8,9]; 
    $scope.MyCupcakes = [1,2,3,4,5,6,7,8,9];

    $scope.max = 9;
};