从输入类型=范围中获取值

时间:2016-11-29 13:14:33

标签: jquery angularjs jquery-ui input-type-range

我的年龄范围滑块的年龄为to<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> 。我需要将选定的值传递给ng-model,但是我的ng-model没有读取值。由于我创建的滑块是jQueryUi。

我需要在ng-model中传递5-6中选择的值。我尝试将值从我的jQuery脚本传递到ng-model,而不是更新。

需要帮助。

HTML:

$( 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 ) );
});

JS:

CREATE PROCEDURE spIn  
    (@value1 varchar(100),
     @value2 varchar(100),)
AS
BEGIN
    INSERT INTO dbo.In(value1, value2,)
    VALUES (@value1, @value2,)
END
RETURN SCOPE_IDENTITY()
GO

1 个答案:

答案 0 :(得分:1)

如果要从角度框架外部更新角度,角度将无法识别这些更改。因此,要更新ng-model,您需要修改$ scope中的年龄范围值。$ apply()函数由angular提供有关更多信息,请参阅角度文档。