Make sure to check the existing issues in this repository
If there is no issue for your problem, tell us about it
I'm building an app that uses TabView navigation and has a hub-spoke pattern. One example I took from my app is the news overview. Home > News List > News Item. These routes are all in the same router outlet: the home tab. When you're in the news list and click the active (home) tab, you return to the home component and everything still works. However when you're on the news detail route and click the active (home) tab, you are also returned to the home component but none of the links in the home component longer work. The app doesn't freeze, scrolling still works and you can also navigate to other tabs, but all links and buttons inside the home component refuse to do anything.
Which platform(s) does your issue occur on?
- iOS versions
- emulator and iphone
Please, provide the following version numbers that your issue occurs with:
- CLI: 4.1.0
- Cross-platform modules: 4.1.0
- Runtime(s): tns-ios: 4.1.0, tns-android: 4.1.3
- Plugin(s):
"dependencies": {
"@angular/animations": "~6.0.0",
"@angular/common": "~6.0.0",
"@angular/compiler": "~6.0.0",
"@angular/core": "~6.0.0",
"@angular/forms": "~6.0.0",
"@angular/http": "~6.0.0",
"@angular/platform-browser": "~6.0.0",
"@angular/platform-browser-dynamic": "~6.0.0",
"@angular/router": "~6.0.0",
"nativescript-angular": "~6.0.0",
"nativescript-theme-core": "~1.0.4",
"reflect-metadata": "~0.1.10",
"rxjs": "~6.1.0",
"tns-core-modules": "4.1.0",
"zone.js": "^0.8.4"
},
"devDependencies": {
"@angular-devkit/core": "~0.6.3",
"@angular/cli": "^6.0.8",
"@angular/compiler-cli": "~6.0.0",
"@ngtools/webpack": "~6.0.3",
"babel-traverse": "6.26.0",
"babel-types": "6.26.0",
"babylon": "6.18.0",
"clean-webpack-plugin": "~0.1.19",
"codelyzer": "~4.3.0",
"copy-webpack-plugin": "~4.5.1",
"css-loader": "~0.28.11",
"extract-text-webpack-plugin": "~3.0.2",
"lazy": "1.0.11",
"nativescript-dev-sass": "~1.6.0",
"nativescript-dev-typescript": "~0.7.0",
"nativescript-dev-webpack": "~0.12.0",
"nativescript-worker-loader": "~0.9.0",
"raw-loader": "~0.5.1",
"resolve-url-loader": "~2.3.0",
"sass-loader": "~7.0.1",
"tslint": "~5.10.0",
"typescript": "~2.7.2",
"uglifyjs-webpack-plugin": "~1.2.5",
"webpack": "~4.6.0",
"webpack-bundle-analyzer": "~2.13.0",
"webpack-cli": "~2.1.3",
"webpack-sources": "~1.1.0"
}
Please, tell us how to recreate the issue in as much detail as possible.
- Issue: Navigate from Home to News and News Article 1, tap the home tab. The news link no longer works.
- Does work: Navigate from Home to News and tap the home tab. The news link still works on the homepage.
Is there any code involved?
Playground example
https://play.nativescript.org/?template=play-ng&id=V2pOml&v=11
I hope I'm not just doing anything stupid with the router outlets or something :/
Make sure to check the existing issues in this repository
If there is no issue for your problem, tell us about it
I'm building an app that uses TabView navigation and has a hub-spoke pattern. One example I took from my app is the news overview. Home > News List > News Item. These routes are all in the same router outlet: the home tab. When you're in the news list and click the active (home) tab, you return to the home component and everything still works. However when you're on the news detail route and click the active (home) tab, you are also returned to the home component but none of the links in the home component longer work. The app doesn't freeze, scrolling still works and you can also navigate to other tabs, but all links and buttons inside the home component refuse to do anything.
Which platform(s) does your issue occur on?
Please, provide the following version numbers that your issue occurs with:
"dependencies": {
"@angular/animations": "~6.0.0",
"@angular/common": "~6.0.0",
"@angular/compiler": "~6.0.0",
"@angular/core": "~6.0.0",
"@angular/forms": "~6.0.0",
"@angular/http": "~6.0.0",
"@angular/platform-browser": "~6.0.0",
"@angular/platform-browser-dynamic": "~6.0.0",
"@angular/router": "~6.0.0",
"nativescript-angular": "~6.0.0",
"nativescript-theme-core": "~1.0.4",
"reflect-metadata": "~0.1.10",
"rxjs": "~6.1.0",
"tns-core-modules": "4.1.0",
"zone.js": "^0.8.4"
},
"devDependencies": {
"@angular-devkit/core": "~0.6.3",
"@angular/cli": "^6.0.8",
"@angular/compiler-cli": "~6.0.0",
"@ngtools/webpack": "~6.0.3",
"babel-traverse": "6.26.0",
"babel-types": "6.26.0",
"babylon": "6.18.0",
"clean-webpack-plugin": "~0.1.19",
"codelyzer": "~4.3.0",
"copy-webpack-plugin": "~4.5.1",
"css-loader": "~0.28.11",
"extract-text-webpack-plugin": "~3.0.2",
"lazy": "1.0.11",
"nativescript-dev-sass": "~1.6.0",
"nativescript-dev-typescript": "~0.7.0",
"nativescript-dev-webpack": "~0.12.0",
"nativescript-worker-loader": "~0.9.0",
"raw-loader": "~0.5.1",
"resolve-url-loader": "~2.3.0",
"sass-loader": "~7.0.1",
"tslint": "~5.10.0",
"typescript": "~2.7.2",
"uglifyjs-webpack-plugin": "~1.2.5",
"webpack": "~4.6.0",
"webpack-bundle-analyzer": "~2.13.0",
"webpack-cli": "~2.1.3",
"webpack-sources": "~1.1.0"
}
Please, tell us how to recreate the issue in as much detail as possible.
Is there any code involved?
Playground example
https://play.nativescript.org/?template=play-ng&id=V2pOml&v=11
I hope I'm not just doing anything stupid with the router outlets or something :/