angularjs - id 作为 ng-model 在 angularjs 中选择

Question

我没有得到标签所选项目的选项值的 id 值。

<div ng-controller="UserCreationCtrl">
    <form novalidate="novalidate" class="form-horizontal">
        <div class="control-group">
            <label class="control-label" for="inputFirstName">First name:</label>

            <div class="controls">
                <input type="text" id="inputFirstName" ng-model="doctor.firstName" placeholder="First name"/>
            </div>
        </div>

        <div>
            <span  class="nullable">
                <select ng-model="user.lookupId" ng-options="select as speciality.lookupName for speciality in specialityList" ng-change="selectedSpecilaty()">
                    <option value="">-- choose speciality --</option>
                </select>
            </span>
        </div>
    </form>
</div>

我的 Controller

app.controller('UserCreationCtrl', ['$scope', 
    function ($scope) {

    $scope.specialityList = [
                                 {lookupId : 1, lookupName: 'speciality1'},
                                 {lookupId : 2, lookupName: 'speciality2'},

                                 {lookupId : 4, lookupName: 'speciality6'},
                                 {lookupId : 3, lookupName: 'speciality3'}
                                 ];

    $scope.user = {firstName: 'first name value', lookupId : 4};

    $scope.selectedSpecilaty = function()
    {
        alert($scope.user.lookupId);
    }
}]);    

我怎样才能做到这一点。警报框将值显示为“未定义”。

Answer 1

ng-options模式在开始时可能会令人困惑，因为有很多。

你现在写的意思是:

select     as     speciality.lookupName    for   speciality   in   specialityList
 ^-- the value to set to   ^-- what to display      ^-- iteree name  ^-- iterables

因此，您在表达式中可用的变量是您在作用域上定义的所有变量，以及上下文 specialty多变的。当您选择某些内容时，它会将其分配给 select ，这确实是 undefined .

你要找的是

ng-options="speciality.lookupId as speciality.lookupName for speciality in specialityList"

这将设置什么的值 ng-model指向上下文 specialty的 lookupId