[英]Angularjs - user input in controller
I want to use a user input value in to controller.我想在控制器中使用用户输入值。 for example i want to take a URL and send a HTTP GET request.
例如我想获取一个 URL 并发送一个 HTTP GET 请求。 I have tried the following format , unfortunatly it does not work.
我尝试了以下格式,不幸的是它不起作用。
<script>
var app = angular.module('myApp',[]);
app.controller('myCtrl' , function($scope, $http){
$http.get("{{url}}")
.success(function(response){
$scope.data=response.data;
});
});
</script>
Here is the url
retrieved from a user's input 这是从用户输入中检索到的
url
var app = angular.module('myApp', []); app.controller('myCtrl', function($scope, $http) { $scope.callAPI = function() { console.log($scope.url); $http.get($scope.url) .success(function(response) { $scope.result = response.data; }); }; });
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app="myApp" ng-controller="myCtrl"> Enter url : <input type="text" ng-model="url" /> <input type="submit" ng-click="callAPI()" /> <div ng-bind="result"></div> </div>
Note : This will show an error if you entered a wrong url 注意 :如果您输入了错误的网址,这将显示错误
There should be loyout like this: 应该有这样的忠诚:
<input ng-model="url" required/>
then you can use 那么你可以使用
$http.get($scope.url)....
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.