这是我jQueryMobile页与AngularJS:AngularJS和jQuery Mobile的范围滑块将不会更新模型
<div data-role="page" id="page1">
<div data-role="header"><h1>Chart</h1></div>
<div data-role="content">
<div id="plotChart" class="myChart"></div>
<form>
<input type="range" value="0" min="-10" max="10" ng-init="0" ng-model="value1" ng-change="update()"/>
<input type="range" value="0" min="-10" max="10" ng-init="0" ng-model="value2" ng-change="update()"/>
<input type="range" value="0" min="-10" max="10" ng-init="0" ng-model="value3" ng-change="update()"/>
</form>
<div class="ui-grid-b">
<div class="ui-block-a"><div class="ui-bar ui-bar-e" style="height:60px">Value1: {{value1}}</div></div>
<div class="ui-block-b"><div class="ui-bar ui-bar-e" style="height:60px">Value2: {{value2}}</div></div>
<div class="ui-block-c"><div class="ui-bar ui-bar-e" style="height:60px">Value3: {{value3}}</div></div>
</div>
</div>
</div>
我的更新功能如下:
function MyCtrl($scope){
$scope.update = function(){
console.log("C=" + $scope.value3 + "B="+$scope.value2 + "A="+$scope.value1);
}
}
的{{} value1-3 }在移动滑块时正确更新 更新功能在移动滑块时保持记录为零。
为什么?这里涉及不同的范围吗?
(也滑块具有-10作为初始值 - 不-10定义) 的jquery-1.9
- 的jquery-1.9.1.min.js
- jquery.mobile-1.3.0 .min.js
- jQuery的移动角适配器1.3.1.js
可能会对您有所帮助:http://stackoverflow.com/a/20802111/1206613 – Cherniv