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>
{{预选}}
演示: