在ngSelect

时间:2016-09-05 15:10:54

标签: angularjs

好的,我正在使用服务中的值填充下拉列表:

<select ng-model="things.thing" id="thing" name="thing"
        ng-options="thing.id as thing.description for thing in things" >
    <option value="" selected>Select a thing</option>
</select>

使用json:

[ 
  {"id": 1, "description": "this is an option"},
  {"id": 2, "description": "second option right here"},
  {"id": 3, "description": "there are three even"},
  etc
]

这输出以下内容:

html page

但我的目标是有一个额外的选项“未知的东西”,在被选中之后,用ng-show激活另一个输入字段,用户可以在其中指定自己的东西。但是当我添加一个额外的<option>时,它会在输出中被忽略?

<option value="0">Add new thing</option>

这是输出: Snapshot from Firefox Inspector

没有额外的选择。我可以不这样做吗?我怎么能让这个工作?

1 个答案:

答案 0 :(得分:0)

您可以尝试重复选项,而不是在选择

中使用ng-repeat
config = {}
config['webapp2_extras.sessions'] = {
    'secret_key': 'my-super-secret-key',
}

在控制器中:

<select ng-model="selectedThing" >
  <option value="Select a thing">Select a thing</option>
  <option ng-repeat="($thing_index, thing) in things track by $thing_index" ng-value="thing.description">{{thing.description}}</option>
</select>