從輸入類型提取值=範圍

Question

我有一個年齡範圍滑塊，其年齡爲from和to。我需要將選定的值傳遞給ng模型，但是我的ng模型不讀取該值。由於我創建的滑塊是jQueryUi。

我需要在ng-model中傳遞在5-6中選擇的值。我嘗試從我的jQuery腳本傳遞值到ng模型，它沒有更新。

需要幫助。

HTML：

<label for="age">Age:</label> 
<input type="text" id="age" ng-model="model.ageRange" readonly style="border:0; color:#f6931f; font-weight:bold;"> 
<div id="slider-range"></div> 

JS：

$(function() { 
    $("#slider-range").slider({ 
     range: true, 
     min: 0, 
     max: 100, 
     /*values: [ 0, 100 ],*/ 
     slide: function(event, ui) { 
      $("#age").val("" + ui.values[ 0 ] + " - " + ui.values[ 1 ]); 
     } 
    }); 
    $("#age").val("" + $("#slider-range").slider("values", 0) + 
     " - " + $("#slider-range").slider("values", 1)); 
}); 

Answer 1

如果從角框架之外更新在任何角度，角度也不會承認這些changes.So更新您的你NG-模型需要修改$ scope中的年齡範圍值。angular提供的$ apply（）函數。有關更多信息，請參閱angular docs。