How to create reusable custom accordion in Angular First create a folder name accordion with three files (accordian.component.ts, accordian.component.html and accordian.component.css) files code is given below. I am passing a data from app.component.ts to accordian.component.ts.I am passing data from parent…
Fetch data from movie rest api service
Today i will fetch a data from movie rest api we will create a movie service and inject this service in our app.component.ts file Demo html template <div class=”container”> <div class=”jumbotron”> <h3 class=”text-center”>Search For Any Movie</h3> <form id=”searchForm”> <input type=”text”…
Angular6 HTTP Request
HTTPRequest is the most commun use task in Angular6. Today i will show you how to use Angular HTTPRequest to fetch data from server or API. In real world project we will not use static data we have to use…
Angular6 services
Today i will show you how to create a service but first let’s talk about what is service. For example we want to use data in multiple component we will write logic in service to fetch data from server or…
Angular6-Simple-Form-Validation
It is very easy to add validation with angular 6. In angular 6 there are two types of form but in this section i will discuss template driven form TDF In this post iam validating basic form validation using TDF…
Lazy Loading in Angular4
Lazy loading in angular is very useful with lazy loading we load data or component when we want to see the particular component.By default angular load all module, component when you are creating large scale application or mobile application performance…
Angular4 Notification Component and Service
I have created notification service and component for example some one add,update,delete or edit or anything it will show message related to the functionality. Demo notify.service.ts import { Injectable } from ‘@angular/core’; import { BehaviorSubject } from ‘rxjs/BehaviorSubject’; @Injectable() export…
Angular4 ToDoList
In angular4 you can easily create todolist iam not saving data in browser local storage or any other database this is to show how we can simply create todolist in angular4. Demo app.module.cs import { BrowserModule } from ‘@angular/platform-browser’; import…
Angular 4 Model driven form validation
In angular4 you can easily validate form with model driven approach we will validate the same form (Demo) that we have validate using template driven approach with model driven approach all logic and validaiton done in component .If you go…
Angular 4 template driven form validation
In angular4 you can easily validate form with template driven approach all logic and validaiton done in template we need component only for data that we get from template.If you go to the demo link you can also see the…