以编程方式在Ionic中显示ion-refresher

Question

我想要在程序中显示ion-refresher组件，例如在第一次页面加载时，我加载数据并希望显示ion-refresher。我没有找到任何内置函数，只有_beginRefresh函数可以触发刷新器，但是它不会设置刷新器元素上的style属性TOP，因此它被隐藏在NAV之后。

目前，我已经创建了一个不完美的解决方法。

let scrollcontent = document.getElementsByClassName('ion-page')[0].getElementsByTagName('ion-content')[0].getElementsByClassName('scroll-content')[0]
let rect = scrollcontent.getBoundingClientRect()
document.getElementById('refresher').style.top = rect.top.toString() + 'px'
this.myRefresher._beginRefresh()

我想知道是否有更好的方法。谢谢。

- markus

---

我会在ngIf中使用ion-spinner。 - Philip Brack

Answer 1

好的，我找到了一种更好的方法...

@ViewChild(Content) ContentDashboard: Content;
this.RefresherDashboard._top = this.ContentDashboard.contentTop.toString() + 'px'
this.RefresherDashboard._beginRefresh()

- markus