This article describes how to send data from one component to other with the help of “@Input” and “@Output” decorators. These decorators are used to communicate between Child and Parent components or directives. With the help of this simple example in the article you will get a basic idea about Parent-Child communication in Angular and then you can switch to complex examples.

Image for post
Image for post

// Before moving to the example, lets get a rough idea about the following terms that are common while working with Input and Output. //

  • Decorator- Defines what kind of class, parameter, method or property it is. Always represented by “@” symbol. It is also called Data-Annotation or Meta-data which gives more information about the class,parameter, method or property. …

RXJS is simple but still a confusing topic for beginners. This article will help you to understand the Basics of RXJS using Observables. In this I have used Students detail as an example to explain the observable which will be received by HTTP Get request. If you practice this article you will definitely have a good idea about RXJS which will help you to understand complex examples.

Image for post
Image for post
Reactive Extensions for JavaScript

// Before moving to the example, lets get a rough idea about the following terms that are common while working with RXJS. //

  • Asynchronous Data Stream- An asynchronous data stream is a stream of data where values are emitted, one after another, with a delay between them, can appear anywhere in time, after one second or even after two minutes.
  • Observables- A sequence of items/data that arrives asynchronously over time. It is just a HTTP response which arrives asynchronously. But with a HTTP call, it is a single item instead of sequence of items.
  • Reactive Programming- Type of programming which follows asynchronous programming model concerned with data stream and its change propagation. …

In this article there are some of the common Angular basic interview questions with answers for beginners. Most of them are one liners and are only for quick revision purpose. Please try to elaborate them in front of the interviewer.

Image for post
Image for post
ANGULAR FRAMEWORK

Question no: 1:- What is Angular?

Angular is a binding framework which binds the View with Model. It is used for front end development to build web and mobile applications. It is used to build SPA i.e. Single page application by using concept of routing.

Question no: 2:- Why you need Angular framework?

Before Angular, developers had to write the binding code between View and Model manually which was very time consuming and complex. To overcome this we use Angular Framework.

Question no: 3:- How to install Angular?

Steps to install angular:-

1) Open Node.js command prompt.

2) Go to the directory in which you want to install Angular.

About

Aniket Jadhav

Full stack Web Developer | Always in Learning mode...

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store