angular-template | NodeJS AngularJS Server-Side Template Engine | Runtime Evironment library

I know that you should never use function calls within Angulars Template Expressions, otherwise they will be called permanently and the app will be extremely stressed. (see Medium - Why You Should Never Use Function Calls In Angular Template Expressions)

I also know that it is ok, when the []-array-operator is used. e.g.

I have a template driven form in my angular 10 app that I am trying to listen for changes to so that I can show an 'changed, please submit updates' message to the user.

HTML

Note this is simplified question of Angular template binding with Observable async pipe issue

template:

i have an ionic 4 with angular app, im also implemented websocket in my componentA. componentA.html:

I'm working with a dynamic content, and I am using ngTemplateOutlet with custom directive to create it, but now I need to access the created content elements. I wasn't able to find any relatable answers regarding my problem in a wast list of similar questions.

My current setup (I will omit unnecessary parts to make the example as clear as possible)

The content host component:

I try to get filtered list of data in my component. In view i have something like this:

I have been trying to install Angular CLI on my Windows system.

I am new to this, and have been following steps given in https://angular-templates.io/tutorials/about/learn-angular-from-scratch-step-by-step to setup my environment. Since I am using Windows, I used "nodist" NVM method to install node and npm on my system. I can successfully run both these commands hinting to the fact that perhaps npm and node have been installed correctly -

I am trying to use KendoUI datetimepicker in my angular(1.x) project. When I directly reference the KendoUI js file in my index.html page, it works fine. But when i try to add a reference to it via gulp, it keeps on throwing the following error:

Uncaught ReferenceError: module is not defined at kendo.ui.core.js:1

In my package.json, I have

I have (freshly installed) Visual Studio Professional 2017 (V 15.9.4), a Visual Studio solution with with multiple projects, a single .sln file and package.jsons of the projects in the respective project folders exampleCoorp.API, exampleCoorp.UI, etc. The frontend project is written in React, the others in C#.

When I navigate to View > Other Windows > Task Runner Explorer (originally devolved by Mads Kristens, see marketplace.visualstudio.com). Since we also have a React part, I have the extension NPM Task Runner installed as well.

I am expected something like the following (screenshot from my team mates whose project-setup instruction I followed):

However, the actual result for me looks different:

The error I have to understand comes from the shown Visual Studio panel:

No task runner configurations are found.

But why? And more importantly, how can I fix it? Is there a workaround?

There is only a single google-hit [developercommunity.visualstudio.com] which claims that the (only?) cause could be a misplaced package.json file:

Both problems are caused by the fact that Visual Studio’s NPM integration does not support a package.json file that is in a subfolder instead of the project root. Microsoft’s own official Angular project template requires that the package.json be placed in the /ClientApp subfolder, which is not something that is going to change.

This is clearly not my issue here. Any help hint is appreciated!