René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Angular 22 compatibility, EventData types are not correctly inferred from templates","articleBody":"**Environment**\nProvide version numbers for the following components (information can be retrieved by running `tns info` in your project folder or by inspecting the `package.json` of the project):\n\n✔ Component nativescript has 9.0.6 version and is up to date.\n✔ Component @nativescript/core has 9.0.20 version and is up to date.\n✔ Component @nativescript/ios has 9.0.3 version and is up to date.\n✔ Component @nativescript/android has 9.0.4 version and is up to date.\n\n                \"@angular/animations\": \"22.0.1\",\n\t\t\"@angular/common\": \"22.0.1\",\n\t\t\"@angular/compiler\": \"22.0.1\",\n\t\t\"@angular/core\": \"22.0.1\",\n\t\t\"@angular/forms\": \"22.0.1\",\n\t\t\"@angular/platform-browser\": \"22.0.1\",\n\t\t\"@angular/platform-browser-dynamic\": \"22.0.1\",\n\t\t\"@angular/router\": \"22.0.1\",\n \t\t\"@angular-devkit/build-angular\": \"22.0.1\",\n\t\t\"@angular/build\": \"22.0.1\",\n\t\t\"@ngtools/webpack\": \"22.0.1\",\n\t\t\"typescript\": \"6.0.3\",\n\t\t\"@nativescript/angular\": \"22.0.0-dev.0\",\n\t\t\"@nativescript/core\": \"9.0.20\",\n\t\t\"@nativescript/iqkeyboardmanager\": \"3.0.0\",\n\t\t\"@nativescript/localize\": \"5.2.0\",\n\t\t\"@nativescript/secure-storage\": \"4.0.1\",\n\t\t\"@nativescript/theme\": \"3.1.0\",\n\t\t\"rxjs\": \"7.8.2\",\n\t\t\"sass\": \"1.100.0\",\n\t\t\"typescript\": \"6.0.3\"\n**Describe the bug**\nWith the Angular 22 type checking I see 2 compatibility problems, both related to template checks. I need to say, my app is running perfectly fine. The problems I am seeing are from type checking only!\n\n1. this can be seen when activating \n\"angularCompilerOptions\": {\"strictDomEventTypes\": true}\n\nIt seems like angular cannot narrow down parameter types.  I get about 400 errors related to the usage of $event in method calls. it is everywhere interpretet as Event rather than the related Nativescript EventData or derived type.. Below some examples to understand the pattern\n\nerror TS2345: Argument of type 'Event' is not assignable to parameter of type 'EventData'.\n  Type 'Event' is missing the following properties from type 'EventData': eventName, object\n2  (shouldOverrideUrlLoading)=\"onOverrideUrlLoading($event)\" (loaded)=\"onPlayerLoaded($event)\" iosAllowInlineMediaPlayback=\"true\" backgroundColor=\"black\"\u003e\n\nERROR in src/app/modules/selection/pages/add-edit-meal/add-edit-meal.component.html:35:105 - error TS2345: Argument of type 'Event' is not assignable to parameter of type 'EventData'.\n  Type 'Event' is missing the following properties from type 'EventData': eventName, object\n35     (textChange)=\"onCheckMealChange($event)\" class=\"text-field recipe-field\" (tap)=\"onTextFieldSetFocus($event)\"\u003e\n\n--------------------------------------\n\n2. Second problem can be seen when activating\n\"angularCompilerOptions\": {\"strictDomEventTypes\": false,}\n\"strictDomLocalRefTypes\": true,\n\nWhen I try to use a template reference in a function\n\u003cLabel #idElement (tap)=\"myFunction(idElement)\"\u003e\u003c/Label\u003e\nand  want to use it in component as\npublic myFunction(arg:View){...}\n\nI get the error\nArgument of type 'HTMLElement' is not assignable to parameter of type 'View'.\n\n\n","author":{"url":"https://github.com/cjohn001","@type":"Person","name":"cjohn001"},"datePublished":"2026-06-13T15:50:37.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":1},"url":"https://github.com/170/angular/issues/170"}