Я перехожу по ссылке это, чтобы получить данные автозаполнения с удаленного сервера.
Я использую NativeScript с Angular. Вот мои изменения в данном коде возвращают меня
Unhandled Promise rejection: Cannot read property 'jsonUrl' of undefined ;
ngOnInit() {
this.jsonUrl = 'mycustomerurl';
let that = this;
let options = this.createRequestHeader();
this.autocomplete.autoCompleteTextView.loadSuggestionsAsync = function (text) {
const promise = new Promise(function (resolve, reject) {
http.request({
url: this.jsonUrl + '/' + text,
method: "GET",
headers: options,
}).then(function (r: any) {
let d = r.content;
alert(r.content.length); // Undefined
console.error(d); // Data exists
alert(d.length); // Undefined
const items: Array<TokenModel> = new Array();
for (let i = 0; i < d.length; i++) { // Not going inside loop.
items.push(new TokenModel(d[i].label, null));
}
resolve(items);
}).catch((err) => {
const message = 'Error fetching remote data from ' + that.jsonUrl + ': ' + err.message;
console.info(message);
alert(message);
reject();
});
});
return promise;
};
}
private createRequestHeader() {
// set headers here e.g.
const tokenInfo = appSettings.getString('TokenInfo');
let headers = new HttpHeaders({
Authorization: `Bearer ${tokenInfo}`,
"Content-Type": "application/json",
});
return headers;
}
Я получаю удаленный доступ в приведенном ниже формате из моего URL-адреса https://mysite/api/SearchName/rk, где rk — это пользовательский текст для фильтра с удаленного сервера.
[
{
"label": "GLOBAL AGENCIES LTD",
"id": "P000003",
"val": "100.00"
},
{
"label": "NEW MARKETING LTD",
"id": "P000004",
"val": "200.00"
}
]
Когда пользователь выбирает метку, я хочу выполнить некоторую операцию с ее «id» и «val».
Что еще мне здесь не хватает?
this
не будет указывать на ваш компонент при вызове функции loadSugfestionsAsync
. Используйте функцию стрелки, чтобы сохранить контекст, или просто используйте that.jsonUrl
, который уже содержит ссылку на контекст.
Конечно, контент — это объект, у него нет свойства, называемого длиной. Пожалуйста, внимательно ознакомьтесь с документация.
хорошо, добавляю r.content.toJSON(); работает. Теперь 1. Контент отображает до 6 элементов, а остальные в идеале должны прокручиваться, но не работать. 2. Когда пользователь вводит второй символ и далее, автозаполнение показывает «записей не найдено».
Если я добавлю that.jsonUrl, http-запрос будет работать. Следующая ошибка заключается в том, что r.content.length не определен, однако console.error(r.content); показывает данные.