Angularjs 在“使用ng选项选择”中显示未列出的值

Angularjs 在“使用ng选项选择”中显示未列出的值,angularjs,Angularjs,我有一个元素,该元素通过ng options填充了可接受的值,并绑定到具有ng model的模型。模型可能设置为不可接受的值。(过去可以接受,但现在不再是了。)在这种情况下,AngularJS将呈现为选择了一个空项 是否有一种方法可以让它呈现选定的值,即使它未在ng options中列出?我知道我可以将默认值放在中。这比显示空项要好,但它是一个静态字符串。我想显示无效值。有趣的问题。我认为,通过使用ngInit指令来设置初始值(允许的选项列表中可能缺少该值)和ngShow来在选择有效选项后隐藏该

我有一个
元素,该元素通过
ng options
填充了可接受的值,并绑定到具有
ng model
的模型。模型可能设置为不可接受的值。(过去可以接受,但现在不再是了。)在这种情况下,AngularJS将
呈现为选择了一个空项


是否有一种方法可以让它呈现选定的值,即使它未在
ng options
中列出?我知道我可以将默认值
放在
中。这比显示空项要好,但它是一个静态字符串。我想显示无效值。

有趣的问题。我认为,通过使用ngInit指令来设置初始值(允许的选项列表中可能缺少该值)和ngShow来在选择有效选项后隐藏该值,您将能够实现这一点

大概是这样的:

<select 
    ng-init="preselected = selected"
    ng-change="preselected = null"
    ng-model="selected" 
    ng-options="item.id as item.name for item in items">
    <option value="" ng-show="preselected">{{preselected}}</option>
</select>

{{预选}}
演示: