AS
ну вот сюда и помещай
Size: a a a
2018 February 06
AS
#scroll во, нашел, сейчас они по другому предлагают: https://ionicframework.com/docs/api/components/content/Content/#output-events
AS
import { Component, NgZone } from '@angular/core';
@Component({
template: `
<ion-header>
<ion-navbar>
<ion-title></ion-title>
</ion-navbar>
</ion-header>
<ion-content (ionScroll)="scrollHandler($event)">
<p> Some realllllllly long content </p>
</ion-content>
`})
class E2EPage {
public scrollAmount = 0;
constructor( public zone: NgZone){}
scrollHandler(event) {
console.log(`ScrollEvent: ${event}`)
this.zone.run(()=>{
// since scrollAmount is data-binded,
// the update needs to happen in zone
this.scrollAmount++
})
}
}AS
zone необходимы для мест, которые не подпадают под контроль ангуляра (ангуляр не перехватил это и не может определить, что данные изменились), а состояние привязанных к интерфейсу данных изменилось.
AS
this.zone.run(()=>{
// since scrollAmount is data-binded,
// the update needs to happen in zone
this.scrollAmount++
})это наш хинт
R
`this.zone.runOutsideAngular(()=>{
// since scrollAmount is data-binded,
// the update needs to happen in zone
this.draw();
})
`
Или так
// since scrollAmount is data-binded,
// the update needs to happen in zone
this.draw();
})
`
Или так
R
когда наоборот надо что-то выполнить за пределами ангуляра
R
например requestAnimationFrame
R
чтобы не дергать ангуляр 60 раз за секунду
R
как вставлять код тут лушче?
R
или вот еще живой пример из моего аппа
this.ngZone.runOutsideAngular(() => {
this.content.ionScroll.subscribe(() => this.setMainMenuSelection());
});
Чтобы не грузить ангуляр перепроверками, а скрол ивенты надо мне было отслеживать
this.ngZone.runOutsideAngular(() => {
this.content.ionScroll.subscribe(() => this.setMainMenuSelection());
});
Чтобы не грузить ангуляр перепроверками, а скрол ивенты надо мне было отслеживать
R
или токой. евенты канваса
R
N
Большое вам спасибо
N
Так держать)
N
С вами жить легче)
N
На данный момент 😂
R
