Simply Postcode

Angular Postcode Address Finder

Add Royal Mail PAF address lookup to Angular apps with Simply Postcode, including example code, setup guidance and a live demonstration.

Using this Angular Full Address Web Postcode Finder, the user:

Enters postcode to search for
Presses Search button
Presents a list of addresses at postcode entered
Address is selected by user
Full address for selection is returned

Demo of Angular

Click below to see a Demo of our Angular Postcode Address Finder

Demo Page

Structure of Angular Postcode Finder Example

The above Postcode Finder Example demo has the following Angular Page structure:

The Postcode Finder functionality is provided by a service SPLpostcodeSearchService in the file app/servies/splpostcode-search.service.ts.

Demonstration Video

Simply Postcode: Angular Postcode Address Finder

	0:00	Open demo project
	0:30	Trial Setup + Add Datakey
	1:42	Start web server
	2:00	Functionality Demo
	3:50	Company name
	3:24	Component Structure
	4:00	Code walkthrough

Angular Postcode Address Finder installed Quickly

The above Angular Postcode Address Finder functionality can be added to a Angular Project in an hour or two.

Advantages

Uses Angular to populate web page, for a smooth customer experience
Daily Updated Royal Mail Data
"Out of the box" Postcode Address Search solution
Quick to install, Simply add a few files into your Angular Web project
Will run on all Web servers
Not blocked by Pop-up blockers
No Data Administration Cost for you
Latest up to date UK Royal Mail data from our reliable web servers
Special test postcodes to test your Angular postcode address finder

Requirements

Knowledge of Angular.

Requires FormsModule and HttpClientModule in Angular project.

Angular Postcode Address Finder in 5 steps:

Step 1 Sign up for 30 day trial

Simply use the "Sign Up for Trial" link at top right of this page to open a trial account. We will then send you a data key, which is used to identify your account, when using the following service.

Step 2 Download the Example Code

Simply download the example code. The code is in the "Angular Postcode Address Finder" directory of our example downloads. Download code

Step 3 Add Datakey to code

Open Angular example in something like Visual Studio Code. Add you DataKey to src/app/services/splpostcode-search.service.ts

Step 4 Run example

In the terminal enter ng serve --open to run example code

Step 5 Watch Demo/Walk through Video

Watch the video above to fully understand the Angular example code

Step 6 Move code to your own App

Use the provided code and explanation to implement in your own app.

Related "Web Site Postcode Finder" topics

Simple HTML Popup	JQuery Popup Address Finder
AJAX Full Address Finder	AJAX UK Street Finder Software
Download Example Code	Request a Quote and Brochure
Open a 30 day evaluation account