javascript - angularjs ngOptions 有 2 个对象属性作为标签并通过 Id 进行跟踪

Question

好吧，我有一个对象，其中包含一些名为专业人员的对象结构看起来像这样

lstProf=[{firstName:'tony',lastName:'bob',id:188},{...},{...}];

我希望我的选择字段显示名字 + 姓氏并按 ID 进行跟踪

不知怎的，这不起作用:

    <select class="input-antoine section2-control"  
    data-ng-options="prof.id as prof.firstName +' 
     '+prof.lastName for prof in lstProfs track by prof.id"
    data-ng-model="patient.treatingProfessionnal" 
    data-convert-to-number>
    </select>

我的 ng-model 也是一个 int。

我做错了什么。

Answer 1

lstProf=[{firstName:'tony',lastName:'bob',id:188},{...},{...}];

<select data-ng-options="prof.id as prof.firstName +' 
     '+prof.lastName for prof in lstProf track by prof.id"
    data-ng-model="personById" 
    data-convert-to-number>
</select>

首先你的问题有错别字。集合名为 lstProf，那么您可以在 ng-options 中以复数形式 lstProfs 引用它。其次，根据 Pankaj Parkar 提出的文档，谨慎使用 select 和 track by。track by 中的任何属性，引用文档通过表达式进行跟踪也适用于 ngModel。

准备了简单的插件来揭示解决问题的方法的差异。 https://plnkr.co/edit/Rx8JfTee0JnyQa7UD1qE?p=preview