I've got this code:
<input type="text" ng-model="keywords" ng-keyup="search()">
It doesn't call the search function where as, if I do ng-click="search()" it does work. Why is this?
-
Can't say without more information. What version of AngularJS are you using?Blackhole– Blackhole2014-09-17 21:36:00 +00:00Commented Sep 17, 2014 at 21:36
-
Just thinking, surely this should work if ng-click works?Elliott Coe– Elliott Coe2014-09-17 21:38:15 +00:00Commented Sep 17, 2014 at 21:38
-
Absolutely. The problem isn't here, I think. Can you make a fiddle reproducing the problem?Blackhole– Blackhole2014-09-17 21:40:49 +00:00Commented Sep 17, 2014 at 21:40
-
Check out my site: elliottcoe.com/search/index.htmlElliott Coe– Elliott Coe2014-09-17 21:42:32 +00:00Commented Sep 17, 2014 at 21:42
Add a comment
|
2 Answers
ng-keyup works perfectly fine for me. See this fiddle for an example: http://jsfiddle.net/r74a5m25/
Code:
<div ng-controller="MyCtrl">
Hello:
<input ng-model="testModel" ng-keyup="search()"/>
</div>
function MyCtrl($scope, $log) {
$scope.search = function() {
alert('test');
};
}
Make sure you have an up to date version of angular in order to use ng-keyup. It looks like it has been available since version 1.0.8.
4 Comments
Elliott Coe
Here's my site: elliottcoe.com/search/index.html I've taken the ng-click out of the submit button and put ng-keyup in the text input.
Matt Way
You are using a very old version of angular. Update it and your code should work.
Elliott Coe
I updated to a new version but now ng-bind-html-unsafe doesn't work, how do I get it to work with out having to make ridiculous changes to my controller?
Matt Way
It looks like this question has been answered then. You now should ask a completely new one.
Try to $watch your variable
JS
$scope.$watch('search.input',function(){
$scope.doSearch('watched!'); //call your function here
});
HTML
<input type="text" placeholder="ابحث" ng-model="search.input">
3 Comments
A. Khaled
The value will change when key-up, down or press. This is better for searching for my opinion.
Vladimir
I believe so, but note you may have problems using $watch when dealing with a ng-model appended to a input with attributes, max, min, step, maxlength. Once you do not follow these attributes (e.g. Input: 20 when the is max="10") the ng-model ends up undefined, and the $watch will stop being triggered, but that's just my experience.
A. Khaled
Thanks for your notice. I never tried $watch with strict on inputs.