Как отобразить данные из функции в компонентном nativescript?

Question

Как отобразить данные из функции в компоненте? Моя функция:

getStrings() {
    let myString:any;
      http.getString("https://projectzenith.pl/testy/send.php").then((r:string) => {
         myString.set("getStringResult" ,r );
      },(e) =>{});
      return myString;
  }

Я хотел бы отобразить myString примерно так:

<StackLayout>
<Label text="My new string">
</Label>
<TextView text=["myString"]></TextView>
</StackLayout> 

Но я вижу ошибку: Идентификатор "myString" не определен.

Answer 1

Ваша getStrings функция вызывает асинхронную c функцию, но сразу же возвращается, не гарантируя, что результат был сохранен в myString первым. Ваш шаблон ссылается на локальную переменную функции вместо локальной переменной экземпляра (или самой функции). Существует несколько способов решения этих проблем. Следующее предлагает наименьшее влияние на ваш источник, но дает значительную вероятность ошибок синхронизации.

  public myString: string;

  constructor() {
    this.getStrings();
  }

  getStrings() {
    http.getString("https://projectzenith.pl/testy/send.php").then((r: string) => this.myString = r);
  }

<Label [text]="myString"></Label>