Javascript 如何将输入值放入angularJS中的变量中?
如何将输入值放入angularJS中的变量中? 这是我页面上的工作测试版本,但我使用javascript和jquery以及angularJS使其工作,但它仍然给我错误。 我知道一定有一种方法可以通过angularJS获取输入值并将其放入var值中,而不必手动写入 index.htmlJavascript 如何将输入值放入angularJS中的变量中?,javascript,jquery,angularjs,Javascript,Jquery,Angularjs,如何将输入值放入angularJS中的变量中? 这是我页面上的工作测试版本,但我使用javascript和jquery以及angularJS使其工作,但它仍然给我错误。 我知道一定有一种方法可以通过angularJS获取输入值并将其放入var值中,而不必手动写入 index.html <div class="header"> <div class="container"> <div class="row"&g
<div class="header">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1>Find That Poster</h1>
<div class="searchbox">
<button ng-click="start()" class="searchButton" id="btnSearch" value="Search">Search</button>
<p></p>
<input onkeydown="if (event.keyCode == 13) document.getElementById('btnSearch').click()">
</div>
</div>
</div>
</div>
</div>
<div class="content" ng-controller="StoreController as store">
<div class="container">
<div class="row">
<div >
<div class="col-md-3 posterImg" ng-repeat="product in store.products.results">
<span><img ng-src="http://image.tmdb.org/t/p/w300{{product.poster_path}}" class="img-responsive"></span>
<div >
<!-- <h2> {{product.original_title}}</h2>-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
您需要
ng model
属性
例如:
<input onkeydown="if (event.keyCode == 13) document.getElementById('btnSearch').click()" ng-model="search">
更多信息请参阅
还建议将jquery事件处理程序重写为角度事件处理程序。
因此,不要使用
$('button')。单击(function(){
),而是创建一个绑定到搜索按钮的单击事件的$scope.start()
函数。要获取变量的值,请使用ng model并侦听按键按下,请使用ng keydown
<div class="searchbox">
<button ng-click="search()" class="searchButton" id="btnSearch" value="Search">Search</button>
<p>
</p>
<input ng-keydown="press($event)" ng-model="searchField" >
</div>
我把它复制到我的代码中,它没有显示任何搜索结果。我想它的代码是正确的,因为没有错误,但它不工作。OK>>>正常。我需要更改ng重复谢谢它正在工作,您可以在控制器中记录$scope.products并相应地更改您的html标记是的,我成功了,谢谢!!!你这个人!!我是angular的新手,由于某些原因,我觉得文档很难o阅读和理解。这不像Jquery那样,没有计算机科学学位的情况下,它似乎更容易阅读和理解示例
app.controller('StoreController', ['$scope', '$http', function($scope, $http){
<div class="searchbox">
<button ng-click="search()" class="searchButton" id="btnSearch" value="Search">Search</button>
<p>
</p>
<input ng-keydown="press($event)" ng-model="searchField" >
</div>
app.controller('StoreController', [
'$scope',
'$http',
function ($scope, $http) {
$scope.press = function (e) {
console.log(e.keyCode);
if (e.keyCode == 13) {
$scope.search();
}
};
$scope.search = function (e) {
$http.get("http://api.themoviedb.org/3/search/movie?api_key=2f6ab7c6dc3db52d34703aae308640ef&query=" + $scope.searchField )
.success(function(data){
$scope.products = data;
});
};
}
]);