Skip to main content

What Are The New Features Of Angular 2? Why You Used Angular 2?

Angular 2 Features –
·       Angular 2 is Entirely Component Based
·       Directives
·       Dependency Injection
·       Used of TypeScript
·       Used of Lambdas or Arrow functions
·       Generics
·       Forms and Validations
·       And So on.....

Component Based- It is entirely component based. It is not used to scope and controllers and Angular 2 are fully replaced by components and directives.

Directives- The directive can be declared as @Directive annotation.
A component is a directive with a template and the @Component decorator is actually a @Directive decorator extended with template oriented features.

Dependency Injection- Dependency Injection is a powerful pattern for managing code dependencies. There are more opportunities for component and object based to improve the dependency injection.

Use of TypeScript- Type represents the different types of values which are using in the programming languages and it checks the validity of the supplied values before they are manipulated by your programs.

Generics- TypeScript has generics which can be used in the front-end development.

Lambdas and Arrow functions – In the TypeScript, lambdas/ arrow functions are available. The arrow function is additional feature in typescript and it is also known as a lambda function.

Forms and Validations- Angular 2 forms and validations are an important aspect of front-end development.





Why You Used Angular 2?
1.     It is entirely component based.
2.     Better change detection
3.     Angular2 has better performance.
4.     Angular2 has more powerful template system.
5.     Angular2 provide simpler APIs, lazy loading and easier to application debugging.
6.     Angular2 much more testable
7.     Angular2 provides to nested level components.
8.     Ahead of Time compilation (AOT) improves rendering speed
9.     Angular2 execute run more than two programs at the same time.
10.  Angular1 is controllers and $scope based but Angular2 is component based.
11.  The Angular2 structural directives syntax is changed like ng-repeat is replaced with *ngFor etc.
12.  In Angular2, local variables are defined using prefix (#) hash. You can see the below *ngFor loop Example.
13.  TypeScript can be used for developing Angular 2 applications
14.  Better syntax and application structure

TypeScript Q/A

What are Types in TypeScript? Why should I use Typescript?
How to Setup and Install Typescript? What are TypeScript Advantages- Pros and Cons?
What is Variable in TypeScript? How to Declare? What is an Interface in TypeScript?
What is Optional Properties in TypeScript? What is Functions in TypeScript? How many types you defined?
What is the Default Parameters Function? What is Anonymous Functions?
What is Named Function? What is Optional Parameters Function?
What is Lambda/Arrow Functions?
What is Rest Parameters Functions? How to create fields, constructor and function in TypeScript Class?
What are TypeScript Public, Private, Protected and Readonly Modifiers? What are Method Overriding in TypeScript?
What is Inheritance in TypeScript? How Automatic Assignment of Constructor Parameters in TypeScript work?
What are TypeScript Modules? and Types? What’s an Internal Module?
What is an External Modules? What's an export in TypeScript?Why we use it?
What is default export in TypeScript? Why we use it? Export vs. Default Exports
How to declare a nest class structure in typescript? Module vs. Namespace
By Anil Singh | Rating of this article (*****)

Popular posts from this blog

List of Countries, Nationalities and their Code In Excel File

Download JSON file for this List - Click on JSON file    Countries List, Nationalities and Code Excel ID Country Country Code Nationality Person 1 UNITED KINGDOM GB British a Briton 2 ARGENTINA AR Argentinian an Argentinian 3 AUSTRALIA AU Australian an Australian 4 BAHAMAS BS Bahamian a Bahamian 5 BELGIUM BE Belgian a Belgian 6 BRAZIL BR Brazilian a Brazilian 7 CANADA CA Canadian a Canadian 8 CHINA CN Chinese a Chinese 9 COLOMBIA CO Colombian a Colombian 10 CUBA CU Cuban a Cuban 11 DOMINICAN REPUBLIC DO Dominican a Dominican 12 ECUADOR EC Ecuadorean an Ecuadorean 13 EL SALVA...

nullinjectorerror no provider for httpclient angular 17

In Angular 17 where the standalone true option is set by default, the app.config.ts file is generated in src/app/ and provideHttpClient(). We can be added to the list of providers in app.config.ts Step 1:   To provide HttpClient in a standalone app we could do this in the app.config.ts file, app.config.ts: import { ApplicationConfig } from '@angular/core'; import { provideRouter } from '@angular/router'; import { routes } from './app.routes'; import { provideClientHydration } from '@angular/platform-browser'; //This (provideHttpClient) will help us to resolve the issue  import {provideHttpClient} from '@angular/common/http'; export const appConfig: ApplicationConfig = {   providers: [ provideRouter(routes),  provideClientHydration(), provideHttpClient ()      ] }; The appConfig const is used in the main.ts file, see the code, main.ts : import { bootstrapApplication } from '@angular/platform-browser'; import { appConfig } from ...

React Lifecycle Components | Mounting, Updating, Unmounting

In React, each component has a life-cycle which manipulate during its three main phases. The following three phases are: 1.       Mounting 2.       Updating 3.       Unmounting React does so by “ Mounting ” (adding nodes to the DOM), “ Unmounting ” (removing them from the DOM), and “ Updating ” (making changes to nodes already in the DOM). Mounting - Lifecycle Phase 1 Mounting is used for adding nodes (elements) to the DOM. The React has four built-in methods that gets called, in this order, when mounting a component - 1.       constructor() 2.       getDerivedStateFromProps() 3.       render() 4.       componentDidMount() Note – 1)       The render() method is required and It always be called and the others methods are optional (you will call...

51 Best React Interview Questions and Answers

1) What Is React? React is a fast, open-source, and front-end JavaScript library and It was developed by Facebook in 2011 for building complex, stateful and interactive UI in web as well as mobile Applications. React follows the component based approach which helps you to building reusable and interactive web and mobile user interface (UI) components. React has one of the largest communities supporting it. The high level component Lifecycle - At the highest level component Lifecycle, React components have lifecycle events that are - 1.       Initialization 2.       State/Property Updates 3.       Destruction Explore to detail understanding   -  React Lifecycle Components Reactjs is very fast technology that can be trusted for complex tasks and can simply be trusted for quality outcomes. 2) When Reactjs released? March 2013 3) What Is the current stable version of ...

39 Best Yii2 Interview Questions and Answers - PHP Frameworks

1: What Is Yii framework? 2: Why Yii Is So Fast? 3: Yii Versions? 4: What Are the Prerequisites Yii? 5: Why Use Yii 2.0 Framework? 6: What Are the Benefits of Yii over other Frameworks? 7: What's New in Yii Release 2.0? 8: What Is The First File That Gets Loaded When You Run A Application Using Yii? 9: What Is The First Function That Gets Loaded From A Controller? 10: What Are the core components of Yii2 framework? 11: What Are the great feature of Yii Framework? 12: What Are The Application Structure of Yii 2.0 Framework? 13: What Are the Naming Convention in Yii 2.0 Framework? 14: What Is Request Life-Cycle of Yii 2.0 framework? 15: What Are Yii helpers? 16: What Are the Core Helper Classes in Yii Framework? 17: What Are The Server Requirements to Install Yii 2.0 Framework? 18: How To Customizing Helper Classes in Yii Framework? 19: What Are The Directory Structure of Yii 2.0 Framework? 20: How To Create Directory Structure of Yii Framewor...