Ionic/Angular 页面未更新

Question

我使用 Ionic 5 和 angular。我的页面绑定到一个对象（（人））。当我 select 来自 websql 的数据时，我的对象已更新，但页面不会更新，直到我单击菜单或其他控件

//this code is in my component in the click button
//jsonData initial

jsonData["SelectFunctionInSuccess"] = (result)=>{
      this.Person.Id = result[0].Id;
      this.Person.Code = result[0].Code;
      this.Person.Name = result[0].Name;
      this.Person.Family = result[0].Family;
      
}
    
this.crudManager.SelectData(jsonData);//<= this is call websql

//**************************************************
//in the websql class
// QueryStatement is declare and set correct it is string variable

this.db.readTransaction(function (tx) {


            tx.executeSql(QueryStatement, [], function (tr, results) {
                jsonData.SelectFunctionInSuccess(results.rows);
            });

        }, this.getError);

Select 运行然后我得到了数据。人员已更新，但 html 未更新

Answer 1

前段时间我遇到过类似的问题。您进行外部调用，此时 Ionic 的行为略有不同以更新页面。您需要刷新您的页面，这可以通过以下代码完成：

    constructor(public appRef: ApplicationRef) {}

当你想刷新时：

this.appRef.tick();

Ionic/Angular 页面未更新

Ionic/Angular page not update

web-sql

ionic-framework

angular