javascript - Getting the selected string in the dropdown list in Angular -


to begin with, absolute beginner in front-end development, please excuse me if question elementary.

the project working on, drop-down list has been defined as:

<div ng-controller="facetcontroller">     <div class="spnlocationdrop-container" ng-hide="isservicelocal">         <select class="spnlocationdrop" ng-model="$parent.locationsearch" ng-options="location location in locations | sortarray ">             <option value="">all cities</option>         </select>    </div> </div>

the list contains cities, out-of user has select one. value has stored, , sent backend via ajax call.

how selected value? until now, i've been doing using document.getelementbyid().value() function, since above list contains no id, how value?

ng-model have value of option selected.

here's simple working example: plunker

in example, data.singleselect has value need i'm able output view using {{ data.singleselect }} though if wanted access in controller var input = $scope.data.singleselect , pass input variable backend via ajax call.


Comments

Post a Comment

Popular posts from this blog

angular - DownloadURL return null in below code -

when change file updated in firebase storage when try downloadurl show null. filechange(event: any) { const imagefolder: string = this.employee.id; const filelist: filelist = event.target.files; const file: file = filelist[0]; const storageref = firebase.storage().ref().child(`${imagefolder}/profile.jpg`).put(file); console.log(storageref.snapshot.downloadurl); } the put() asynchronous. if want url after file uploaded have this: firebase.storage().ref().child(`${imagefolder}/profile.jpg`).put(file).then((snapshot) => { storageref = snapshot.downloadurl: console.log(snapshot.downloadurl); });
Read more

meteor - inserting data to database gives error "insert failed: Method '/texts/insert' not found" -

i have other project broke somehow(i have no idea) , rebuilt app same file names , code , working fine. problem when go insert data database called texts error insert failed: method '/texts/insert' not found not know wrong because copied every line of code previous project , problem came wasn't there before. confuses me when create user accounts accounts.createuser() works fine. sendtext.js import react "react"; import {texts} "./../api/text"; import {withrouter} 'react-router-dom'; import {meteor} "meteor/meteor"; import {accounts} "meteor/accounts-base" class sendtext extends react.component{ send(e){ e.preventdefault(); let message = this.refs.message.value; let name = accounts.user().username if(name != ""){ if(message){ texts.insert({ name, message }); this.refs.m...
Read more