nativescript-angular | Integrating NativeScript with Angular | Mobile library

Update

In my Nativescript-Angular application I'm using @nativescript/firebase plugin which uses Firebase authentication and in the scope I have provided https://www.googleapis.com/auth/drive.

I am trying to add a top action bar to every screen in the app but does not appear. I am using nativescript with Angular. I have setup a SharedComponentsModule that has the HeaderComponent and I export the headercomponent. Then I import the SharedComponentsModule in the app.module file. With this, I expect it to work in ever screen but it does not. What could be the problem? Doesn't Nativescript allow sharing components among screens or how am I supposed to do it?

The attached pictures show the header am trying to add to every screen. screen1 screen2

The SharedComponentsModule:

I am going through a tutorial that requires an import from "nativescript-angular/forms" for binding but I am getting an error that says

Cannot find module 'nativescript-angular/forms' or its corresponding type declarations.ts(2307)

import { NativeScriptFormsModule } from 'nativescript-angular/forms';

How can I fix this?

I'm trying to make an app using Nativescript-Angular that displays a route on a map like this : https://prnt.sc/10cy40s using .kml or .gpx files that I upload online somewhere else.

But I can't find anything regarding this with Nativescript-Angular or maybe I'm not asking the right questions ^^'

Thanks in advance !

Edit : To be more clear, I'm not expecting a magic answer, but more of a guidance about what I missed during my research.

is there any way to fix it? I am using Nativescript 7 with angular 10.

ERROR Error: Uncaught (in promise): TypeError: Class constructor View cannot be invoked without 'new' JS: TypeError: Class constructor View cannot be invoked without 'new' JS: at MapViewBase [as constructor] (file: node_modules/nativescript-google-maps-sdk/map-view-common.js:128:0) JS: at new MapView (file: node_modules/nativescript-google-maps-sdk/map-view.android.js:14:0) JS: at ViewUtil.createView (file: node_modules/@nativescript/angular/fesm2015/nativescript-angular.js:2583:0) JS: at EmulatedRenderer.createElement (file: node_modules/@nativescript/angular/fesm2015/nativescript-angular.js:2783:0) JS: at EmulatedRenderer.createElement (file: node_modules/@nativescript/angular/fesm2015/nativescript-angular.js:3000:0) JS: at elementCreate (file: node_modules/@angular/core/fesm2015/core.js:7143:0) JS: at Module.ɵɵelementStart (file: node_modules/@angular/core/fesm2015/core.js:14774:0)

I have to download a large amount of data from the server and continue doing it in the background even when the user hides my app (sample: when you install a app from Play Market, you can switch to another app and loading continues) in my iOS nativescript-angular application. How can I do this? Can I use Angular Services for it?

I recently updated my xcode to the beta for Xcode12 so I can see how my app will run on the upcoming release of IOS 14

When trying to run TNS RUN IOS I get the following errors:

I'm quite stumped on this one and it seems that it's not a common problem. I'm running a building a nativescript angular project where I intend to build a website, iOS and Android from the same code base. I started the project about a year ago and came back to it. First things first, I spent some time bringing all my packages up to date. However, when running ns debug ios I come across this error.

I am trying to implement a session timeout when idle for a certain time period.

When the user logs in I'm starting a timer that will log the user out after a time interval and route them back to the login form.

If there is an event (tap) I want to clear the timer (5 seconds here) and start a new timer, thereby keeping the user logged in.

Here is the setTimout call in login.component.ts: