Repository navigation
[BottomNavigation] Binding inside BottomNavigation/Tabs will work only if wrapped in NgZone #1896
Description
Steps to reproduce:
-
Use this example with
BottomNavigationorTabs(NativeScript 6)
Behavior: The Angular binding will work only when wrapped in the Angular zone. Remove the NgZone and the binding won't update the UI (on selectedIndexChanged event).
Related to NativeScript/NativeScript#6967
Activity
MartoYankov commentedon Jul 17, 2019
We discussed this and it's actually expected and not connected to the
BottomNavigationwidget. All UI components event handlers are automatically wrapped in the zone when they are declared in the markup. This is not the case when event handlers are declared in the code-behind via theonAPI. The problem arises only with events that are fired from native code or callbacks called from a native code.A possible solution would be to patch the Observable class in nativescript-angular to automatically wrap the
oncallback in the zone. Perhaps we should discuss this further with @VladimirAmiorkov and @vakrilov and log a new issue.For the time being, we agreed to document this where needed.