md-autocomplete 在选择下拉项对象时显示 [Object Object]

md-autocomplete when selecting a dropdown item object it says [Object Object]

        <md-autocomplete
            required
            md-input-class="OfficialClass"
            md-selected-item="selectedOfficial"
            md-search-text="searchText"
            md-items="item in findOfficials(searchText)"
            md-item-text="item.user.display_value"
            md-no-cache="true"
            md-search-text-change="searchTextChange(searchText)"
            md-selected-item-change="selectedItemChange(item.name.value)"
            md-floating-label="New Official"
            md-min-length="3"
            md-autofocus md-autoselect>
          <md-item-template>
            <span md-highlight-text="searchText" md-highlight-flags="^i"> 
             {{item.name.display_value}} - {{item.email.display_value}}</span>
          </md-item-template>
        </md-autocomplete>
      </div> 
      <md-dialog-actions>
        <md-button ng-disable="required" class="md-primary md-raised" aria-label="Submit" ng- 
          click="submitO(selectedOfficial)">Submit Request</md-button>
       \</md-dialog-actions>

我有这个自动完成功能,现在 selectedOfficial returns [Object Object] 在我 select 一个选项后出现在我的下拉列表中。下拉选项现在可以完美显示名称和电子邮件。但是一旦我 select 用户,我只希望用户名显示为最终的 selected 选项。现在我在我的方法 submitO 中使用 selectedOfficial 因为它有一个关联的 sys_ID 我需要引用它。

所以 selectedOfficial 对象看起来是这样的:

{
    "sys_id": {
        "display_value": "12345",
        "value": "1234"
    },
    "name": {
        "display_value": "joe bob",
        "value": "joe bob"
    },
    "email": {
        "display_value": "joebob@email.com",
        "value": "joebob@email.com"
    }
}

现在,当我点击 submitO 时,它引用了 selectedOfficial,我使用 sys_id 进行我需要的调用。

所以这里的问题是,如何让下拉菜单显示显示名称

我试过 md-selected-item="selectedOfficial.name.value" 但它仍然显示 [Object Object] 我什至在 md-select 中尝试了 item.name.value 并且它仍然是 [object object]

是否有某种 hacky 方法可以让下拉菜单显示对象名称值??? 我很困惑,需要一些帮助,这是我无法弄清楚的最后一块拼图。提前致谢

md-item-text="item.user.display_value" 应该是 item.name.display_value