Angular typeahead get additional data from array of objects?

Question

I have an array of objects that I use for auto complete, I can successfully make the auto-complete work. Now I also want get masterId from the object(of selected business name) and add it to a div. Im a newbie in Angularjs

<div class="">

  <script type="text/ng-template" id="customTemplate.html">
     <a>
     <span bind-html-unsafe="match.label | typeaheadHighlight:query"></span>
     </a>
  </script>

           <div class="alignhManage">
             <input type="text" ng-change="SetupAutoCom(selectedBusiness)" 
             ng-model="selectedBusiness" placeholder="Search Business" 
             typeahead="c as c.companyName for c in Business | filter:$viewValue | limitTo:10" typeahead-min-length='2'                
             typeahead-on-select='onSelectPart($item, $model, $label)' 
             typeahead-template-url="customTemplate.html"">                  
           </div>                                  
</div>



    [{
     "masterId": "1541",
     "companyName": "HENTIQ ",
     "address": { "addressNo": "146" }
    }]

You can have the logic inside function onSelectPart by accessing $item's attributes. — Pramod Karandikar
– Pramod Karandikar, Commented Jan 22, 2015 at 8:25

Pramod Karandikar · Accepted Answer · 2015-01-22 08:59:58Z

1

When you select the suggested item, typeahead-on-select is invoked. You can have the logic inside function onSelectPart by accessing $item's attributes.

answered Jan 22, 2015 at 8:59

Pramod Karandikar

5,3377 gold badges45 silver badges75 bronze badges

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

Collectives™ on Stack Overflow

Angular typeahead get additional data from array of 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