How to use angularjs ng-click with html5 datalist

Question

I\'m working with AngularJS and i want to use the directive ng-click when an element of a datalist (html5) is selected.

Here is an example of my actual

Answer 1

• The name and ng-model are on the input .

  Data :

  states : [{name : "NJ" , country: "USA"} ,  {name : "NY" , country: "USA"} , 
           {name : "GA" , country: "USA"} ,   {name : "TX" , country: "USA"} , 
           {name : "CA" , country: "USA"} , 
           {name : "Delhi" , country: "India"} ,  {name : "Karnataka" , country: "India"} , 
           {name : "Hyderabad" , country: "India"} ,  {name : "West Bengal" , country: "India"} , 
           {name : "Zhejiang" , country : "China"} , {name : "Hubei" , country : "China"},
           {name : "LONDON" , country : "United Kingdom"} , {name : "MANCHESTER" , country : "United Kingdom"}]