我有以下实现,html:
<input id="myField" name="myField" class="form-control" type="text" placeholder="myField"
ng-model="myController.myObj.FieldValue" typeahead-editable="false"
uib-typeahead="item as item.Description for item in myController.fieldDS($viewValue)" required>
控制器:
var vm = this;
vm.fieldDS = myService.getFieldDS;
服务:
function getFieldDS() {
return [{'Description': 'ItemA'}, {'Description': 'ItemB'}, {'Description': 'ItemC'}];
}
它工作正常。当我尝试调用远程异步 api 时,问题就开始了。我使用 ngResource 更改了服务,并尝试了以下功能:
function getFieldDS() {
return Resource.query();
}
function getFieldDS() {
var items = Resource.query();
return items.$promise;
}
function getFieldDS() {
var items = Resource.query();
items.$promise.then(
function (result, responseHeaders) {
return result;
},
function (httpResponse) { console.log('failed: ' + httpResponse); }
);
}
或在控制器上使用代码:
vm.fieldDS = myService.getFieldDS;
vm.fieldDS = function () {return myService.getFieldDS();};
myService.getFieldDS().then(function (result) { vm.fieldDS = result;})
在最后一种情况下,我收到关于预期功能的类型错误,可能是 typeahead not found 绑定源!?
在所有其他情况下,当我在输入字段中插入一个字符时,页面加载,api 已被调用,但输入列表上没有显示任何内容。如果我尝试使用来自查询或服务的响应的 console.log,则数组已正确获取。控制器或预先输入的输入字段似乎没有等待 api 的响应,但我不明白如何解决这个问题。请问你能帮帮我吗?非常感谢
编辑:服务方法:
function getFieldDS() {
var items = Resource.query();
return items.$promise;
}
和控制器:
function getSomething() {
var temp = myService.getFieldDS();
temp.then(
function(result) {
console.log(result);
return result;
}
);
return temp;
}
vm.fieldDS = getSomething;
在控制台上打印包含所有对象的正确数组,但它们没有添加到 typeahead 字段中。我找到了一些具有相同实现的示例代码,但我不明白为什么在我的情况下它不起作用。