我想要一个可以控制几个div的高度和宽度的滑块,但是,我似乎无法正确绑定它们。
<div ng-controller="SizeCtrl">
<input type="range" min="100" max="200" ng-model="sliderval" />
<div class="box" ng-style="height:sliderval; width:sliderval"> Box 1</div>
<div class="box" ng-style="height:sliderval; width:sliderval"> Box 2</div>
<div class="box" ng-style="height:sliderval; width:sliderval"> Box 3</div>
<div class="box" ng-style="height:sliderval; width:sliderval"> Box 4</div>
<div class="box" ng-style="height:sliderval; width:sliderval"> Box 5</div>
</div>
试试我的解决方法:https : //jsfiddle.net/dnvwbywv/4/
我必须将ng-app添加到您的代码中,还更改了样式的绑定方式。
<div class="box" style="height:{{sliderval}}px; width:{{sliderval}}px"> Box 1</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句