Using Angular Typeahead on Nested Objects

Question

I'm trying to use Angular Bootstrap Typeahead on an array of nested objects and I cannot figure out how to write out the typeahead.

My objects in my array are like so:

{
  "category": "Locations",
  "regions": [
    {
      "name": "Northeast",
      "category": "region",
      "states": [
        {
          "name": "New York",
          "category": "state"
          "cities": [
            {
              "name": "Syracuse",
              "category": "city"
            }
          ]
        }
      ]
    }

I only want to return the name values. So how would I go about writing this out? I currently am writing <input ... typeahead=" filter.name for filter in filters| filter:$viewValue | limitTo:5">

Scott · Accepted Answer · 2015-10-21 17:50:40Z

1

Rather than using "in filters" just do something like "in transformFilters()"

  $scope.transformFilters = function () {
      // Loop over filters and create an array of
          {name: name, category:cat}

     return my new array

  }

answered Oct 21, 2015 at 17:50

Scott

1,6904 gold badges13 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Using Angular Typeahead on Nested Objects

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related