How to accessing the input value of <ons-search-input ></ons-search-input>
-
Hello Developers,
Please I have been trying to access the value that is put in the input of this search element (<ons-search-input placeholder=“Search”></ons-search-input>). How do I access it please?
The view
<ons-page ng-controller="SearchController as search"> <ons-toolbar> <div class="left"><ons-back-button ng-click="splitter.load('home.html')"></ons-back-button></div> <div class="center">Search</div> </ons-toolbar> <p style="text-align: center; margin-top: 120px"> <ons-search-input ng-keyup="search.takeaction()"></ons-search-input> </p> </ons-page>
Here is the controller
var module = angular.module('my-app', ['onsen','ngSanitize']); module.controller('SearchController', function($http, $scope) { console.log('we got the search'); this.takeaction = function(value) { alert('fxn called'); var searchkey = this.value; console.log(searchkey); } });
This displays ‘undefined’ for console.log(searchkey); on the view when the function is called. Someone should help me out please. Thanks in advance