从输入type=range获取值

Question

我有一个年龄范围滑块与from和to年龄。我需要将选定的值传递给ng-model，但我的ng-model不读取该值。因为我创建的滑块是用jQueryUi创建的。

我需要在ng-model中传递在as 5-6中选择的值。我尝试将值从我的jQuery脚本传递到ng-model，但没有更新。

需要帮助。

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

如果您从angular框架之外更新angular中的任何内容，angular将无法识别这些模型。要更新您的ng- changes.So，您需要在angular.See angular文档提供的$scope.$apply()函数中修改年龄范围值以获取更多信息。