【发布时间】:2014-11-07 22:45:20
【问题描述】:
在 angularjs 中将参数传递给 $resource。
点击后我在 UI 中有一个搜索按钮,我想将输入参数传递给 $resource,它会在后端调用 REST 服务。
当我在 .query 中传递一个字符串值时,它工作得非常好,但是 @issueinput 没有被解析为输入值。
这是 app.js
var myApp = angular.module('myApp',['ui.router', 'ngResource']);
myApp.factory('SearchService',function($resource){
return $resource("http://localhost:8081/support/api/search/:issuename");
});
这是控制器
angular
.module('myApp')
.controller('searchCtrl',['$scope', '$window','SearchService', function($scope, $window, SearchService){
$scope.data={};
$scope.search = function(issueinput){
SearchService.query({issuename:'@issueinput'},function(response){
$scope.data.issues = response;
});
};
}
]);
这是 UI html
<html>
<div id="searchpage">
<label>Search</label> :<input data-ng-model="issueinput"></input> {{issueinput}}
<br/>
<br/>
<br/>
<button data-ng-click="search(issueinput)">Search</button>
<br/>
<br/>
<ul>
<li data-ng-repeat="s in data.issues">{{s.issueName}} : {{s.issueDescription}}</li>
</ul>
</div>
</html>
【问题讨论】:
标签: html angularjs web-services rest twitter-bootstrap-3