Übergeben von Benutzereingaben in $ http.get-Anfrage angularJS

Question

Ich versuche derzeit, Benutzereingaben in meine $ http.get-Anfrage zu übergeben. Ich benutze Bootstrap und eckig aber bin verwirrt, da ich versuche, zwei Daten durch ein Bootstrap-Modal zu übergeben. Im Moment habe ich einen Controller wie dieses

app.controller('testCtrl', function($scope, $http){ 
    $http.get("website" + box1 + box2).then(function(r){ 
    $scope.Data = r.data; 
    }); 
}); 

Und eine modale in Bootstrap mit

<div class="modal-header"> 
    <h4 class="modal-title">test</h4> 
</div> 
<div class="modal-body"> 
    <input id="box1" type="text"/> 
    <input id="box2" type="text"/> 
</div> 
<div class="modal-footer"> 
    I don't know what to put here to pass it into angular 
</div> 

Answer 1

In Controller

app.controller('testCtrl', function($scope, $http){ 
$scope.submit = function(){ 
    $http.get("website" + $scope.box1 + $scope.box2).then(function(r){ 
    $scope.Data = r.data; 
    }); 
}; 
}); 

In Bootstrap-modal html Stellen Sie sicher, dass in diesem HTML testCtr verwendet wird l Controller

<div class="modal-header"> 
    <h4 class="modal-title">test</h4> 
</div> 
<div class="modal-body"> 
    <input ng-model="box1" type="text"/> 
    <input ng-model="box2" type="text"/> 
</div> 
<div class="modal-footer"> 
    <button ng-click="submit()" class="btn">Submit(or text you want to keep)</button> 
</div> 

Answer 2

Verwendung dieses:

app.controller('testCtrl', function($scope, $http){ 
    $scope.box1 = ""; 
    $scope.box2 = ""; 
    $http.get("website" + $scope.box1 + $scope.box2).then(function(r){ 
    $scope.Data = r.data; 
    }); 
}); 
And a modal in bootstrap with 

<div class="modal-header"> 
    <h4 class="modal-title">test</h4> 
</div> 
<div class="modal-body"> 
    <input ng-model="box1" id="box1" type="text"/> 
    <input ng-model="box2" id="box2" type="text"/> 
</div> 
<div class="modal-footer"> 
    I don't know what to put here to pass it into angular 
</div>