ng-hooks in Angular 4

In this section, we will talk about Angular Life Cycle hooks. Angular supports couple of life cycle hooks. Let’s take a closer look at that. In a nutshell, whenever any new component gets created, Angular goes to couple of different phases in this creation process. This also gives us opportunity to hook into different phases and utilize the same to its maximum. Below is the glimpse of ng-hooks in sequential order.

Continue reading “ng-hooks in Angular 4” »

297 total views, 2 views today

Using Local References in Angular 4 Templates

In this section, we will talk about template reference. Now, in the Movies.Component.html file, we are already using ngModel and that is fine as we can get data via this way as well. Local reference is the way to get any HTML template access. Now, this variable will hold reference to this HTML element.

Continue reading “Using Local References in Angular 4 Templates” »

238 total views, 5 views today

Angular 4 – Interaction between components

In this section, we will get started with simple angular components and then we will isolate the structure into different components and then try to communicate between the components. For this post, readers are expected to have basic working knowledge of Angular 2/4 and how to scaffold projects with Angular CLI. With that being said let’s get started. Below, I have created simple angular 4 project via CLI.

Continue reading “Angular 4 – Interaction between components” »

405 total views, 3 views today

Creating Objects in JavaScript

In this section, we will talk about another way, via which we can inherit prototypes. Here, I’ll be using Object.Create to use the same. In the last section, we have seen function constructor pattern to create objects from the blueprint. With that object.create() method, things work bit differently. In this case, we first define an object which will act as a prototype and then create a new object based on that very prototype.

prototypes1

Continue reading “Creating Objects in JavaScript” »

263 total views, 1 views today

Prototype in JavaScript

Hi Friends,

In this section, thought of talking Javascript objects and inheritance in Javascript. I see people often get confused like how to create objects out of class aka prototype and then use the same. JavaScript is prototype based language, which means inheritance can be used by something called prototype. It means each and every Javascript object has a prototype property which makes inheritance possible in Javascript. Therefore, inheritance is made possible via prototype property which every object has. The prototype property of an object is where we put methods and properties which we want other objects to inherit.

Continue reading “Prototype in JavaScript” »

457 total views, 2 views today

No module files found error when trying to generate components

Hi Friends,

In this post, I thought of addressing one of the errors which many of friends have been asking since few days. Actually, angular template under dotnet stack has been changed. For more info around the same, please refer my earlier post http://myview.rahulnivi.net/dotnet-angular-aurelia-knockout-react-redux-vue/. It means developers when used to execute angular template either via dotnet cli command or via yeoman generator, there used to be app.module.ts file. At this moment, when I try creating new component say ng g c movies, this will give below error.

120th

Continue reading “No module files found error when trying to generate components” »

427 total views, 6 views today

dotnet new with Angular, Aurelia, Knockout, React, Redux and Vue

Hi Friends,

Thought to share new additions around dotnet cmd. I guess with these additions, this may be the perfect timing for building SPA (Single Page APP) with ASP.NET Core as backend and any of the below listed libraries as Front-end  choice.

  • Angular
  • Aurelia
  • Knockout
  • React
  • React and Redux
  • Vue

Continue reading “dotnet new with Angular, Aurelia, Knockout, React, Redux and Vue” »

462 total views, 1 views today

Converting existing .JS into .TS file

Hi Friends,

Recently, I came across a project which is actually written in silverlight which means basically its a desktop app. However, there is web version of that as well there where in it works with Kendo+Jquery combination. Since, its JQuery, hence every developer has got their own way of implementation which is a pain in maintaining and scaling the project.  I discussed with my team and thought of writing the same in such a way that still the existing stack will be working and side by side; I will be pushing the same on Angular 4. Kind of monumental task as this is not greenfield project where I have the choice to choose tools of my choice.

7th

Continue reading “Converting existing .JS into .TS file” »

382 total views, 1 views today