Question

我使用角度js在selectbox中显示动态选项值。我面临的一个问题是默认情况下它会向一个空选项附加选择框。以下是选择框代码。

                      <select class='flowprovetermin' ng-change='gradeReloadData()' data-ng-model="provetermin[0]">
            {loop="$proveterminOptions"}
            <option value="{$value['proevetermin']}">{$value['proevetermin']}</option>
            {/loop}
           </select>

请任何人告诉我如何删除默认的空值。

Answer 1

使用ng-options设置<select>选项。

示例（HTML）：

<select class='flowprovetermin' 
        ng-change='gradeReloadData()' 
        ng-model="mySelectedOption"
        ng-options="myOptions">
</select>

示例（JS）：

$scope.myOptions = [
    { id: "option1", name: "Option 1" },
    { id: "option2", name: "Option 2" },
    { id: "option3", name: "Option 3" }
];

注意：

您好像将ng-model分配给数组中的对象。应该将此对象分配给变量。 ng-model框中的<select>是选定的选项。

从angular js selectbox中删除空选项值

1 个答案: