Question

我正在跟踪this链接以从远程服务器获取自动完成数据。

我在Angular中使用NativeScript。这是我对给定代码的更改，使我返回

未处理的承诺拒绝：无法读取的属性'jsonUrl' 未定义;

const story = await Story.findOne({ title: 'Some Titel' }).populate('authors');

我从URL https://mysite/api/SearchName/rk中以以下格式获得远程访问，其中rk是要从远程进行过滤的用户文本。

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.log(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;
  }

在用户选择标签时，我要使用其“ id”和“ val”执行一些操作。

我在这里还想念什么？

Answer 1

调用this函数时，

loadSugfestionsAsync不会指向您的组件。使用箭头功能保留上下文，或仅使用that.jsonUrl（已经保存了对上下文的引用）。

来自远程服务器的NativeScript自动完成数据

1 个答案: