変更時の値を変更する

入力フォームからAPIリンクにパラメータを送信する必要があります。変更時の値を変更する

これは私のselecct

<select ng-model="selectedDay" ng-change="changedValue(selectedDay)" style="width: 117px;"> 
    <option ng-repeat="x in filterDays" value="{{x.showDays}}">{{x.showDays}}</option> 
</select>

であり、これは私が私の選択で値を変更したときに、私は、APIへのPARAMTERを送信するとの問題を抱えている私のコントローラ

$scope.filterDays = [ 
    { showDays: "Last month", value: 30 }, 
    { showDays: "Last 14 days", value: 14 }, 
    { showDays: "Last 7 days", value: 7 } 
]; 

$scope.show = $scope.filterDays[0].value; 

$scope.changedValue = function (selectedDay) { 
    $scope.show = selectedDay; 
} 

$http.get("http://localhost:8080/api/overviewStatisticTeam?days=" + $scope.show)

です。ヘルプありがとう

出典

2017-09-21 mrkibzk

あなたはshowDaysではなくvalue属性に値をバインドする必要があります。このようにコードを変更します。

var app = angular.module('myApp', []); 
 
app.controller('myCtrl', function($scope) { 
 
    $scope.filterDays = [ 
 
    { showDays: "Last month", value: 30 }, 
 
    { showDays: "Last 14 days", value: 14 }, 
 
    { showDays: "Last 7 days", value: 7 } 
 
]; 
 

 
$scope.show = $scope.filterDays[0].value; 
 

 
$scope.changedValue = function (selectedDay) { 
 
console.log(selectedDay) 
 
    $scope.show = selectedDay; 
 
} 
 
});

<!DOCTYPE html> 
 
<html> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> 
 
<body> 
 

 
<div ng-app="myApp" ng-controller="myCtrl"> 
 
<select ng-model="selectedDay" ng-change="changedValue(selectedDay)" style="width: 117px;"> 
 
    <option ng-repeat="x in filterDays" value="{{x.value}}">{{x.showDays}}</option> 
 
</select> 
 
</div> 
 
</body> 
 
</html>

出典

2017-09-21 10:39:00 Vivz

答えて

関連する問題