Filter by Object Property in Ng-Repeat – AngularJS

Hey everyone,

Just a quick post on how to filter by a property when using ng-repeat. To start with, we’ll use the following objects:

{
	"regions": [
		{
			"id": "1",
			"postcode": "4700",
			"name": "Rockhampton",
			"description": "One of the major cities in Central Queensland."
		},
		{
			"id": "16",
			"postcode": "4214",
			"name": "Keppel Island",
			"description": "Awesome islands, very few people, heaps of fish beautiful clear water."
		}
	]
}

Then assuming you want to filter by the postcode all you need is the following:

Region


	
		{{region.name}}

Posted

September 15, 2013

AngularJS, Guides, Web Development

Chris Owens

Tags:

AngularJS, guide, HTML, JavaScript

Comments

3 responses to “Filter by Object Property in Ng-Repeat – AngularJS”

Manie

May 3, 2014

Thanks! This was the first straight-forward example I came across and worked perfectly.

LikeLike

Reply
Yaron Guez

January 16, 2015

Thanks! This was exactly what I was looking for.

LikeLike

Reply
Dinesh

March 23, 2016

What change will I need to make if I want to look for multiple postal codes

LikeLike

Reply

Leave a Reply Cancel reply

Enter your comment here…

Fill in your details below or click an icon to log in:

Email (required) (Address never made public)

Name (required)

Website

You are commenting using your WordPress.com account. ( Log Out / Change )

You are commenting using your Facebook account. ( Log Out / Change )

Cancel

Connecting to %s

Filter by Object Property in Ng-Repeat – AngularJS

Region

Share this:

Like this:

Comments

3 responses to “Filter by Object Property in Ng-Repeat – AngularJS”

Leave a Reply Cancel reply