Html 选择2从optgroup中选择的默认值

这里需要帮助。我继承了这段代码，我不是100%知道这里需要做什么，但我需要将默认的选定项设置为第一组/第一个选项，而不是

数据占位符

。 我尝试使用

nginit

，但没能让它工作。 我如何用下面的代码实现这一点

<div ng-repeat='searchField in searchFields.device'>
    <select data-placeholder='Search Field' ng-model='searchField[0]' ui-select2>
        <option value=''></option>
        <optgroup label='FooGroup1'>
            <option value='foo_option1'>foo_option1</option>
        </optgroup>
        <optgroup label='FooGroup2'>
            <option value='foo_option1'>foo_option1</option>
            <option value='foo_option1'>foo_option1</option>
        </optgroup>
    </select>
....

元素允许选择一个可选的

属性。发件人：

已选定
如果存在此布尔属性，则表示该选项最初处于选中状态。如果元素是未设置多属性的元素的后代，则此元素中只有一个元素具有选定属性

因此，如果要选择第一个
的第一个元素，可以执行以下操作：

<select data-placeholder='Search Field' ng-model='searchField[0]' ui-select2>
    <option value=''></option>
    <optgroup label='FooGroup1'>
        <option value='foo_option1' selected>foo_option1</option>
    </optgroup>
    <optgroup label='FooGroup2'>
        <option value='foo_option1'>foo_option1</option>
        <option value='foo_option1'>foo_option1</option>
    </optgroup>
</select>


foo_选项1
foo_选项1
foo_选项1
既然选项是在构建之后定义的，那么这将如何写入HAML中？或者我如何为
选定的
指定索引？您可以尝试以下操作：
%option{:value=>attr，：selected=>label==“foo_option1”}=label
<select data-placeholder='Search Field' ng-model='searchField[0]' ui-select2>
    <option value=''></option>
    <optgroup label='FooGroup1'>
        <option value='foo_option1' selected>foo_option1</option>
    </optgroup>
    <optgroup label='FooGroup2'>
        <option value='foo_option1'>foo_option1</option>
        <option value='foo_option1'>foo_option1</option>
    </optgroup>
</select>