绑定范围输入以修改样式?

邦克

我想要一个可以控制几个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/nopctoday/dnvwbywv/3/

特拉维斯·柯林斯(Travis Collins)

试试我的解决方法:https : //jsfiddle.net/dnvwbywv/4/

我必须将ng-app添加到您的代码中,还更改了样式的绑定方式。

<div class="box" style="height:{{sliderval}}px; width:{{sliderval}}px"> Box 1</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何通过JQuery修改样式属性?

来自分类Dev

在 OneNote 2010 中修改样式

来自分类Dev

CSS更改样式(如果输入有价值)

来自分类Dev

用户输入字符并更改样式时捕获

来自分类Dev

输入类型范围样式

来自分类Dev

设置禁用范围输入的样式

来自分类Dev

从javascript更改样式

来自分类Dev

Android使用自定义主题来修改样式属性

来自分类Dev

将鼠标悬停在组合选项上时,如何修改样式?

来自分类Dev

没有QProxyStyle的情况下如何修改样式提示?

来自分类Dev

如何在不修改样式的情况下将内容插入到元素的末尾?

来自分类Dev

将类名称添加到新创建的div并修改样式

来自分类Dev

如何通过Excel VBA在Powerpoint中修改文本而不更改样式

来自分类Dev

如何使用javascript按设置的时间间隔动态修改样式?

来自分类Dev

是否可以从 AD FS en Windows Server 2012 R2 登录页面修改样式?

来自分类Dev

使用jquery更改颜色后,文本输入会更改样式(.css方法)

来自分类Dev

如何在不更改样式的情况下更改输入边框的颜色?

来自分类Dev

角度-如何根据每个值在FormBuilder中动态创建的输入上更改样式?

来自分类Dev

以编程方式更改样式

来自分类Dev

从代码后面更改样式

来自分类Dev

在Word中更改样式

来自分类Dev

javascript onclick更改样式

来自分类Dev

与范围实施滑块绑定与所述多个输入

来自分类Dev

AngularJs:单击div时更改样式

来自分类Dev

如何使用AngularJS更改样式?

来自分类Dev

在ModelView中更改样式(MVVM + WPF)

来自分类Dev

Notepad ++更改样式控制台

来自分类Dev

ACF Google Map-更改样式?

来自分类Dev

mytoolkit:FixedHtmlBlock更改样式,xaml

Related 相关文章

热门标签

归档