Javascript 使用jquery滑块angularjs范围值不变_Javascript_Jquery_Html_Angularjs

Javascript 使用jquery滑块angularjs范围值不变

javascript jquery html angularjs

Javascript 使用jquery滑块angularjs范围值不变,javascript,jquery,html,angularjs,Javascript,Jquery,Html,Angularjs,我正在使用angularjs做一个项目，在这个项目中我使用了jquery滑块。使用此滑块，我必须更改selectbox值，它在一个$scope数组中定义，但不起作用下面是一个示例代码，我只是想知道如何基于jquery滑块更改范围值 Html代码 <html lang="en" ng-app="myapp"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

我正在使用angularjs做一个项目，在这个项目中我使用了jquery滑块。使用此滑块，我必须更改selectbox值，它在一个$scope数组中定义，但不起作用

下面是一个示例代码，我只是想知道如何基于jquery滑块更改范围值

Html代码

<html lang="en" ng-app="myapp">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="<?php echo base_url(); ?>assets/css/layout.css" type="text/css" />
<script src="<?php echo base_url(); ?>assets/angular/angular.js" type="text/javascript"/></script>
</head>
<body ng-controller='CompositionController'>


              <div class="thinkness-bar">
                                                <div class="popupslider">
                                                    <div id="testslider" class="jquery-slider"></div>                                                     
                                                    <input type="text" id="testamount" class="progressnumber" value="500"  >
                                                    <input type="hidden" id="testhdndfaltThick" name="testhdndfaltThick" value="50" /> 
                                                </div>
                                            </div>
           </div>
           {{value}}

</body>

<script src="<?php echo base_url(); ?>assets/includes/jquery.1.11.1.min.js"></script>
<script src="<?php echo base_url(); ?>assets/includes/jquery.1.10.2.js"></script> 
<script src="<?php echo base_url(); ?>assets/includes/jquery.ui.1.11.1.js"></script> 
</html>


由于您正在jquery事件中设置值，angular不知道某些内容已更新，因此需要调用
$scope.$apply();

设置$scope.value后
PS：我真的希望这只是一个测试，而不是实际的生产代码
编辑：
有几个问题：body标签中缺少ng应用程序，我想你是想用滑块更改值
我做了一个：
尝试在末尾添加$scope.$apply（）。ng-app在html tagcool中，我对ng-app的不好，我没有看到它。然而，您没有ng视图。
$scope.$apply();