Category : Angular

Using this ng-table and working with tables data is very easy. There are only simple table with 3 plugins/directives: filtering, paging, sorting. You don’t need special config variable for storing settings for all plugins as is used in demo example. It’s just showing usage sample. How to install? npm install ng-table@latest Don’t forget to add Ng2TableModule in main module ..

Read more

Reactive forms provide a model-driven approach to handling form inputs whose values change over time. This guide shows you how to create and update a simple form control, progress to using multiple controls in a group, validate form values, and implement more advanced forms. To use reactive forms, import ReactiveFormsModule from the @angular/forms package and add it to your NgModule’s imports array. ..

Read more

HTTP Services Most front-end applications communicate with backend services over the HTTP protocol. Modern browsers support two different APIs for making HTTP requests: the XMLHttpRequest interface and the fetch() API. The HttpClient in @angular/common/http offers a simplified client HTTP API for Angular applications that rests on the XMLHttpRequest interface exposed by browsers. Additional benefits of HttpClientinclude testability features, typed request and response objects, request and response ..

Read more

Bootstrap form Design.. validations Data binding formGroup formArray formControl Adding Address section dynamically Removing Address Section dynamically checkbox and Radio buttons Cleanly code Reactive-froms.component.html <div class=”row container-fluid mt-2″><div class=”col-md-6″><form [formGroup]=”userform” (ngSubmit)=”onSubmit(userform.value)”> <div class=”form-row”> <div class=”form-group col-md-6″> <label for=””>Username</label> <input type=”text” formControlName=”username” class=”form-control” placeholder=”Username”> <div *ngIf=”username.touched && username.invalid” class=”alert alert-danger” > <div *ngIf=”username.errors.required”>* Username Required</div> <div ..

Read more

Reactive forms provide a model-driven approach to handling form inputs whose values change over time. Reactive forms differ from template-driven forms in distinct ways. this forms are little complex compare to template driven forms To use reactive forms, import ReactiveFormsModule from the @angular/forms package and add it to your NgModule’s  imports array. Don’t Forget to add ReactiveModule in app.module.ts ..

Read more

Developing forms requires design skills (which are out of scope for this page), as well as framework support for data binding, change tracking, validation, and error handling. This page shows you how to build a simple form from scratch. Build an Angular form with a component and template. Use ngModel to create data bindings for ..

Read more

Email Don’t forget to import rxjs Module.. and same time AngularFireList Property Use this code to sovle this — error src/app/app.component.ts(18,19): error TS2339: Property ‘subscribe’ does not exist on type ‘any[]’.   import { Component } from ‘@angular/core’; import { AngularFireDatabase, AngularFireList } from “angularfire2/database”; import { Observable } from ‘rxjs’; @Component({ selector:’app-root’, templateUrl:’./app.component.html’, styleUrls: ..

Read more

Metadata is data about data. its describe another items’s content. The metadata often used in the context of webpages. it helps to search engine optimisation (SEO) , Find and Understand the data. see the below image you can understand easily Typical metadata Title and description, Tags and categories Who created and when Who last modified ..

Read more

Emailset the EnvironmentIn the “Environment Variables”OR install the npm your system npm install -g @a..

Read more