Mobile App Development with Ionic, Revised Edition by Chris Griffith

Author:Chris Griffith
Language: eng
Format: epub, mobi, pdf
Publisher: O'Reilly Media
Published: 2017-08-18T04:00:00+00:00

getFilteredParks(queryString) { return this.load().then(Parks => { let theFilteredParks: any = []; for (let thePark of Parks) { if (thePark.name.toLowerCase().indexOf(queryString.toLowerCase()) > -1) { theFilteredParks.push(thePark); } } return theFilteredParks; }); }

We first make sure we have the master park data again, then we define a new empty array that will push any matching parks onto it. The code then loops through each park and compares the park’s name against the query string. This code does take an additional step, forcing both the park name and query string to lowercase before testing if it can find a match. If a match is found, it is pushed to theFilteredParks array. Once all the parks have been examined, this array is returned and our displayed list automatically updated.

Our search is still not quite functionally complete. The clear button is not working. Although we bound the ionClear event to a resetList function, we haven’t written it yet. The function is actually quite simple; we just need to reset our parks array back to the full list:

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.