IONIC | Nav button missing, after switching layout

I am working on application, which supports 2 languages:

  1. English
  2. Arabic

In my application, i have setting screen, where user can change language:

Step 1: ( Setting Screen)

Step 2:
When i press the Arabic button, my app changes its layout to arabic.

Everything works fine till now.

Step 3:

The issue is after switching to arabic layout, i want to switch back to english layout, my app crashes and top nav button is gone.

below are the logs:

Error: buttonEle is null
.compile/<.pre@http://localhost:8100/lib/ionic/js/ionic.bundle.js:57091:11
invokeLinkFn@http://localhost:8100/lib/ionic/js/ionic.bundle.js:17482:9
nodeLinkFn@http://localhost:8100/lib/ionic/js/ionic.bundle.js:16961:1
compositeLinkFn@http://localhost:8100/lib/ionic/js/ionic.bundle.js:16373:13
nodeLinkFn@http://localhost:8100/lib/ionic/js/ionic.bundle.js:16977:1
compositeLinkFn@http://localhost:8100/lib/ionic/js/ionic.bundle.js:16373:13
nodeLinkFn@http://localhost:8100/lib/ionic/js/ionic.bundle.js:16977:1
compositeLinkFn@http://localhost:8100/lib/ionic/js/ionic.bundle.js:16373:13
compositeLinkFn@http://localhost:8100/lib/ionic/js/ionic.bundle.js:16377:13
publicLinkFn@http://localhost:8100/lib/ionic/js/ionic.bundle.js:16248:30
createBoundTranscludeFn/boundTranscludeFn@http://localhost:8100/lib/ionic/js/ionic.bundle.js:16392:1
controllersBoundTransclude@http://localhost:8100/lib/ionic/js/ionic.bundle.js:17009:18
ngIfWatchAction@http://localhost:8100/lib/ionic/js/ionic.bundle.js:32644:15
$RootScopeProvider/this.$get</Scope.prototype.$digest@http://localhost:8100/lib/ionic/js/ionic.bundle.js:24515:23
$RootScopeProvider/this.$get</Scope.prototype.$apply@http://localhost:8100/lib/ionic/js/ionic.bundle.js:24783:13
@http://localhost:8100/lib/ionic/js/ionic.bundle.js:57605:7
createEventHandler/eventHandler@http://localhost:8100/lib/ionic/js/ionic.bundle.js:12103:9
triggerMouseEvent@http://localhost:8100/lib/ionic/js/ionic.bundle.js:2870:3
tapClick@http://localhost:8100/lib/ionic/js/ionic.bundle.js:2859:3
tapMouseUp@http://localhost:8100/lib/ionic/js/ionic.bundle.js:2932:5
ionic.bundle.js:21162:18

Error: spanEle is null
.compile/<.pre@http://localhost:8100/lib/ionic/js/ionic.bundle.js:57241:13
invokeLinkFn@http://localhost:8100/lib/ionic/js/ionic.bundle.js:17482:9
nodeLinkFn@http://localhost:8100/lib/ionic/js/ionic.bundle.js:16961:1
compositeLinkFn@http://localhost:8100/lib/ionic/js/ionic.bundle.js:16373:13
nodeLinkFn@http://localhost:8100/lib/ionic/js/ionic.bundle.js:16977:1
compositeLinkFn@http://localhost:8100/lib/ionic/js/ionic.bundle.js:16373:13
nodeLinkFn@http://localhost:8100/lib/ionic/js/ionic.bundle.js:16977:1
compositeLinkFn@http://localhost:8100/lib/ionic/js/ionic.bundle.js:16373:13
compositeLinkFn@http://localhost:8100/lib/ionic/js/ionic.bundle.js:16377:13
publicLinkFn@http://localhost:8100/lib/ionic/js/ionic.bundle.js:16248:30
createBoundTranscludeFn/boundTranscludeFn@http://localhost:8100/lib/ionic/js/ionic.bundle.js:16392:1
controllersBoundTransclude@http://localhost:8100/lib/ionic/js/ionic.bundle.js:17009:18
ngIfWatchAction@http://localhost:8100/lib/ionic/js/ionic.bundle.js:32644:15
$RootScopeProvider/this.$get</Scope.prototype.$digest@http://localhost:8100/lib/ionic/js/ionic.bundle.js:24515:23
$RootScopeProvider/this.$get</Scope.prototype.$apply@http://localhost:8100/lib/ionic/js/ionic.bundle.js:24783:13
@http://localhost:8100/lib/ionic/js/ionic.bundle.js:57605:7
createEventHandler/eventHandler@http://localhost:8100/lib/ionic/js/ionic.bundle.js:12103:9
triggerMouseEvent@http://localhost:8100/lib/ionic/js/ionic.bundle.js:2870:3
tapClick@http://localhost:8100/lib/ionic/js/ionic.bundle.js:2859:3
tapMouseUp@http://localhost:8100/lib/ionic/js/ionic.bundle.js:2932:5

Can anyone please let me know, whats the issue.

Hi i am getting same issue. Have You find the solution? Please let me know if you have solved this.
Thanks

1 Like