使用ng-options的Angularjs绑定下拉列表

时间:2015-02-12 00:36:17

标签: angularjs

我查看了角度文档https://docs.angularjs.org/api/ng/directive/ngOptions,但仍无法解决这个问题。

我有一个与这样的选择绑定的性别列表:

            $scope.sexes = jQuery.grep(formData, function(a) {
                return (a.category == "Sex");
            });

性别列表的JSON如下所示:

            2: Object
            alternateCode: null
            category: "Sex"
            code1: "F"
            codeID: 60002
            description: "Female"
            lastModifiedBy: ""
            lastModifiedDate: "1900-01-01T00:00:00"
            subCategory: null

应该选择选择的成员对象上有一个属性性别:M 。问题是,当我尝试绑定选择时,它将正确填充列表,但不会选择我需要的选项:

            <select name="sex" id="sex" class="form-control"
                    ng-model="editableMember.sex"
                    ng-options="s.sex as s.description for s in sexes track by s.code1 "></select>

非常感谢任何帮助

1 个答案:

答案 0 :(得分:1)

也许你错过了这部分文档:

  

请勿在同一表达式中使用select as和track by。它们并非旨在协同工作。

ng-model值将是selecttrack by表达式的结果。 ng-options的以下代码应该有效:

ng-options="s.code1 as s.description for s in sexes"