angularjs - using angular-ui bootstrap typeahead how do i fetch values from json to feed in to two different input tags -



angularjs - using angular-ui bootstrap typeahead how do i fetch values from json to feed in to two different input tags -

i have done autocomplete json file in input tag, json file has multiple attributes, want separate input carry different attribute json file, eg: 1 1 input should fetch "driver_name" , other should fetch "vehicle_number", sec input tag needs filled automatically, 1 time select info first input tag

[ { "id": 1, "driver_name": "rohit", "driver_phone": "9176649143", "vehicle_type": "indica", "vehicle_number": "tn 06 ar 4556" }, { "id": 2, "driver_name": "john", "driver_phone": "9176648143", "vehicle_type": "fiat", "vehicle_number": "ca 06 ar 4556" } ]

html

<div ng-controller="typeaheadctrl"> <div class="input-group m-bot15"> <input ng-model="tripsheet.vehicle_no" type="text" class="form-control input-lg" placeholder="vehicle no" typeahead="unidade.vehicle_number unidade.vehicle_number unidade in getunidades($viewvalue)"> </div> <div class="input-group m-bot15"> <input ng-model="tripsheet.driver_name" type="text" class="form-control input-lg" placeholder="vehicle no" typeahead="unidade.driver_name unidade.driver_name unidade in getunidades($viewvalue)"> </div> </div>

js

function typeaheadctrl($scope, $http) { $scope.selected = undefined; $scope.getunidades = function($viewvalue) { homecoming $http.get(urldr + '/all').then(function(response){ homecoming response.data; }); }; }

should able add together filter typeahead function:

$scope.getunidades = function($viewvalue, filter) { homecoming $http.get(urldr + '/all').then(function(response){ var values = []; (var = 0; < response.data.length; i++) { if (response.data[i][filter].indexof($viewvalue) > -1) values.push(response.data[i]) } homecoming values; }); };

and filter property name filter on

json angularjs angular-ui-bootstrap

Comments

Post a Comment

Popular posts from this blog

model view controller - MVC Rails Planning -

model view controller - MVC Rails Planning - i'm starting rails , i'm building app stores films info, user can watch film , give grade on web application. i have coded cinema model, controller , views. now, have 2 questions: should need create model , controller grading? in case, should create or should wait , create first users model , controller? yes, on model , controller grades. that'd feasible way maintain track of who's graded what. it's create first, i'd start users, since grades depend on both films , users. ruby-on-rails model-view-controller
Read more

ruby on rails - Devise Logout Error in RoR -

ruby on rails - Devise Logout Error in RoR - while using devise in ror, encountering unusual error when trying log out url different root url. displays me : actioncontroller::invalidauthenticitytoken in devise::sessionscontroller#destroy" for illustration if rooting path after log in '/structure', , seek log out '/general' error, while logging out '/structure' fine. any help highly appreciated. ruby-on-rails ruby devise
Read more

html - Submenu setup with jquery and effect 'fold' -

html - Submenu setup with jquery and effect 'fold' - i want open submenu jquery effect fold, problem if user "hover effect" fast menu remain open, how can avoid this, jquery code is: $('ul.mainmenu li').hover( function() { $(this).children('ul').show('fold', 570); }, function() { $(this).children('ul').hide('fold', 500); } ); my jsfiddle link is: http://jsfiddle.net/9wkbf/ updated fiddle the reason behind problem is, first event $(this).children('ul').show('fold', 570); queued , until completes, sec animation not start. the next snippet can workaround $('ul.mainmenu > li').hover( function() { $(this).children('ul').show('fold', 570); }, function() { $('ul:not(.mainmenu)').hide('fold', 500); } ); *important note : work current scenario. jquery html css
Read more