我有一个看起来像这样的选择元素：

<select ng-model="selectedId" ng-options="opt.id as opt.label for opt in getOptions()">

我的选项是对象,如下所示：

$scope.options = [ { id: 1,label: 'one' },{ id: 2,label: 'two' } ];

我想给出ngOptions指令的选项数组取决于条件;有时我只想给它$scope.options,但有时我想包含另一个选项.

$scope.getOptions = function() {
    if ($scope.showThirdOption)
        return [{ id: 3,label: 'three' }].concat($scope.options);
    else
        return $scope.options;
};

现在,如果我以编程方式将我的模型设置为3：

...
$scope.selectedId = 3;
...

……即使该选项不存在,Angular也不会感到沮丧.它只是添加一个<选项>节点到< select> element：< option value =“？”选择= “选择” >< /选项>并且下拉列表中的选定值显示为空白. 但是,如果我然后设置我的状态s.t.我的getOptions()返回另外一个选项：

...
$scope.selectedId = 3;
$scope.showThirdOption = true;
...

…我得到一个无限的$digest()循环.

有没有一种避免像这样的问题的好方法？你认为它是Angular中的一个错误(技术上是一个回归),或者这只是……我不应该使用ngOptions吗？

~~~ Again,I have a nice Fiddle for you to play around with!! ~~~