0
私はangularJSアプリケーションにいくつかのスライダがあります。私が達成しようとするのは、ユーザーが選択ドロップダウンでオプションを変更したとき、スライダーはRestAPIからの新しい値で更新を取得する必要があります。AngularJSのrzModuleスライダで強制更新
この例は1つのスライダですが、残りのスライダは同じです。
コントローラ
myCtrl.ageSlider = {
value: 17,
options: {
showSelectionBar: true,
ceil: 38,
hideLimitLabels: true,
floor: 17,
onChange: myCtrl.getResults,
getPointerColor: function(value) {
return '#FFCF00'
},
getSelectionBarColor: function(value) {
return '#FFCF00'
}
}
};
に選択
myCtrl.updateSliders = function() {
//other sliders here that don't need a call on API
StaffServices.getMedic(myCtrl.selected.id,
function(response) {
myCtrl.ageSlider.value = parseInt(response.data.age);
myCtrl.getResults();
},
function(response) {
console.log('Something went wrong on medic process');
});
}
とサービス
myCtrl.getResults = function() {
myCtrl.results = myService.myUpdatesCalc(passSomeValues);
}
を呼び出す
getResults()
機能のNG-変化に呼ばれているコントローラ上の更新機能をスライダーを作成します
ユーザーからスライダを手動で変更するときonChangeはgetResults
関数を起動します。これに時間を費やして理由を見つけることができません。どんな助け?
編集:これは
service.getMedic = function(id, onSuccess, onError) {
$http.get(API_Base + 'api/staff/medic?id='+id,
{
headers: { 'Authorization': 'Bearer '+$cookies.get('token')}
}).
then(function(response) {
onSuccess(response);
}, function(response) {
onError(response);
});
}
私の質問が更新されました。ご覧のとおり、私はあなたがサービスファイルで説明したことを行います。 – Tasos
'myUpdatesCalc'は約束を返していない、別名$ httpはコールしませんか? – CozyAzure
いいえ。これは、数学計算がいくつかある単純なJS関数です。いいえ、$ – Tasos