Angularjs - пользовательский ввод в контроллере

Question

Я хочу использовать входное значение пользователя для контроллера. например, я хочу взять URL-адрес и отправить HTTP-запрос GET. Я пробовал следующий формат, к сожалению, он не работает.

<script> 
var app = angular.module('myApp',[]); 
app.controller('myCtrl' , function($scope, $http){ 
$http.get("{{url}}") 
.success(function(response){ 
$scope.data=response.data; 
}); 
}); 
</script> 

Answer 1

Вот 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>

Примечание: Это покажет ошибку, если вы ввели неверный URL

Answer 2

Должен быть l oyout так:

<input ng-model="url" required/> 

, то вы можете использовать

$http.get($scope.url)....