Showing posts with label Angular 2 Tutorial. Show all posts
Showing posts with label Angular 2 Tutorial. Show all posts
Sunday, February 12, 2017
Angular 2 - Environment
In this chapter let us study about Angular 2 development environment.
- Angular uses TypeScript which is a primary language for developing of Angular applications.
- The TypeScript is a super set of JavaScript which is
migrated to TypeScript and code written in TypeScript makes less prone
to run time errors.
Angular 2 - Hello World
Description
In the previous chapter, we studied how to setup development environment for Angular 2. In this chapter let us create an example to display Hello World text.Angular 2 - Architecture
In this chapter, we are going to discuss the architectural style of
Angular 2 framework, for implementing user applications. The following
diagram shows architecture of Angular 2:
Angular 2 - Modules
Description
The applications in Angular follow modular structure. The Angular apps will contain many modules, each dedicated to the single purpose. Typically module is a cohesive group of code which is integrated with the other modules to run your Angular apps.Angular 2 - Components
Description
The component is a controller class with a template which mainly deals with a view of the application and logic on the page. It is a bit of code can be used throughout an application. The component knows how to render itself and configure dependency injection.Angular 2 - Templates
Description
The component's view can be defined by using the template which tells Angular how to display the component. The template describes how the component is rendered on the page.Angular 2 - Metadata
Description
Metadata is a way of processing the class. Consider you have one component called MyComponent which will be a class until you tell Angular that it's a component. You can use metadata to the class to tell Angular that MyComponent is a component and metadata can be attached to TypeScript by using the decorator.Angular 2 - Data Binding
Description
Data binding is the synchronization of data between the model and view components. To display the component property, you can put its name in the view template, enclosed in double curly braces. Two-way data binding merges property and event binding in a single notation using the directive ngModel.Angular 2 - Data Display
Description
You can display the data with the help of binding controls in the UI. Angular will display the data by using interpolation and other binding properties such as using binding in HTML template to the Angular component properties.Angular 2 - User Input
Description
When the user clicks a button, enters text or clicks a link, these user interactions will trigger DOM events. The below table describes how to bind to these events using Angular event binding syntax.Angular 2 - Forms
Description
In this chapter let us study how to create a form. We shall use the following classes and directives in our example.Angular 2 - Services
Description
Services are JavaScript functions that are responsible for doing a specific task only. Angular services are injected using Dependency Injection mechanism and include the value, function or feature which is required by the application. There nothing much about service in Angular and there is no ServiceBase class, but still services can be treated as fundamental to Angular application.Angular 2 - Directives
Description
In this chapter let us study about Angular 2 directive. Templates of the Angular are dynamic, when these templates are rendered by Angular, it changes the DOM according to the directive fed instructions. The directive is a class which contains metadata which will be attached to the class by theAngular 2 - Dependency Injection
Description
Dependency Injection is a design pattern that passes an object as dependencies in different components across the application. It creates a new instance of class along with its required dependencies. The Dependency Injection is stimulated into the framework and can be used everywhere.
Subscribe to:
Posts (Atom)