javascript - angularjs通过选择选项

Question

使用 MVC 4 和 angularjs，我试图将选定的选项传递给我的控制器。我可以让它工作：

    <select ng-model="record.Line">
        <option value="1" id="line">1</option>
        <option value="2" id="line">2</option>
        <option value="3" id="line">3</option>
    </select>

但我不能让它工作，没有任何值被传递：

    <select ng-model="record.Line" value="record.Line" ng-options="l.name for l in lines" />

我尝试使用几种不同的“价值”选项，但没有运气。如果我能弄清楚为什么它不起作用，我会更喜欢第二种选择。

Answer 1

ngModel保存所选选项的值。所以从 select 标记中删除 value 属性。假设模型如下

$scope.lines = [
    {
        name:"1"
    },
    {
        name:"2"
    },
    {
        name:"3"
    }
];

您也可以将 ng-options 更改为以下值以指定值：

<select ng-model="record.Line" ng-options="l.name as l.name for l in lines" />

Answer 2

你可以这样写：

<select ng-model="searchDropdown"  ng-class="{active: isDropdownActive}">
            <option ng-repeat="item in data.results" value="{{ item[settings.filterOptions[0].value] }}" >{{ item[settings.filterOptions[0].value] }}</option>
</select>