In this tutorial, we look at how to add a Child Component to our Angular 2 application. In our how to create Angular 2 Application, we created an AppComponent, which is a root component of our application.The AppComponent is bootstrapped in the app.module.ts file and loaded in the index.html file using the directive
In this tutorial, we are going to look at the How Data Binding works in Angular with examples. Angular Components are useless if they do not show any dynamic data. They also need to respond to user interactions and react to events. The data binding keeps both components & views in sync with each other. There are many ways to bind data in Angular like Interpolation, Property Bindings, Event Bindings & Two Way Bindings. We also learn how to use the ngModel directive to achieve the two-way binding in Angular Forms.
In this tutorial, we are going to look at Angular Components. We will look at the building blocks of the components and the important metadata properties of Angular Components like selector, template, styleURL, etc. We will build a Hello World App in Angular and show you how create a Angular Component (HelloWorldComponent) .
It is very important to know how the framework works before you start using it. In this article let us look at some of the important Angular2 building blocks (Angular2 Architecture ) and concepts
In this article on Bootstrapping in Angular, let us find out how Angular works internally and bootstraps our app. We use ng new to create a new Angular project. It generates lots of boilerplate codes. It also configures the Typescript, Webpack, Karma, & Protractor. The app, when run displays a simple HTML page with several useful links to Angular. Now let us break up this app and look at what happens when the app starts until it displays the HTML page
Bootstrapping in Angular: How It Works Internally Read More »
