如何使用适当的数据 json 对象预先选择 Angular-ui-bootstrap 自动完成

Question

听着，我有一个angular-ui-bootstrap自动完成功能，其中填充了公司列表。一旦我开始在自动完成字段中输入，就会弹出相应的公司，我选择其中一家，工作正常！

所以，我不知道在uib-typeahead中使用什么，就像我们在ng-options中使用track by一样？

我用于角度 ui-bootstrap 自动完成字段的代码：

<input type="text" ng-model="loadStopForm.customer" uib-typeahead="company as company.businessName for company in allCompanies | filter:$viewValue | limitTo:8" class="form-control" data-error="Please select a customer" required>

所有公司的JSON 数组

[{
"companyId": 1,
"companyName": "Coca Cola",
"companyCode": "COC"
}, {
"companyId": 2,
"companyName": "Pepsi",
"companyCode": "PEP"
}, {
"companyId": 3,
"companyName": "Sprite",
"companyCode": "SPR"
}]

到目前为止，一切正常，我成功地找到并选择了一家公司，但问题是当我从列表中获取此对象时，如何使字段预先选择/预填充：

{ "companyId": 2, "companyName": "Pepsi", "companyCode": "PEP" }

我能够接收对象，但无法预填充自动完成字段。请帮我解决这个问题。

谢谢！

Answer 1

{
"companyId": 2,
"companyName": "Pepsi",
"companyCode": "PEP"
}

将上述值分配给Typehead的ng模型，如下所示

$scope.loadStopForm.customer = {
"companyId": 2,
"companyName": "Pepsi",
"companyCode": "PEP"
}

---

<input type="text" ng-model="loadStopForm.customer" uib-typeahead="company as company.companyName for company in allCompanies | filter:$viewValue | limitTo:8" class="form-control" data-error="Please select a customer" required>