Javascript AngularJS根据宽度动态更改高度
我通过Javascript AngularJS根据宽度动态更改高度,javascript,css,angularjs,Javascript,Css,Angularjs,我通过ng repeat打印了一张表,我的目标是使tbody中的每一个td都成为正方形。所有的tds宽度相等,所以我只需要检查第一个就可以进行更改。但是,页面是动态的,因此表格的宽度以及td将随着窗口大小的改变而改变。 我在标题中有样式表 <style type="text/css">.squerify>tr{height:60px;}</style> 这本身就可以工作,但我想知道如何获得角度来告诉我,td已经改变了它的宽度(这里我想的是'onresize'on
ng repeat
打印了一张表,我的目标是使tbody
中的每一个td
都成为正方形。所有的td
s宽度相等,所以我只需要检查第一个就可以进行更改。但是,页面是动态的,因此表格的宽度以及td
将随着窗口大小的改变而改变。
我在标题中有样式表
<style type="text/css">.squerify>tr{height:60px;}</style>
这本身就可以工作,但我想知道如何获得角度来告诉我,td
已经改变了它的宽度(这里我想的是'onresize'
on window事件)。
嗯,onresize
现在可能可以工作了,但是初始化呢?
我没有办法让angular告诉我它完成了所有的工作。
注:表格在视图中,如果有任何变化…
问题如下:
- 有没有更好的方法来检查页面的角度调整
- 表的初始化使用什么
对于所有想知道如何制作方形元素的人:
我们需要一个基本元素(div将完成它)给它类(我将使用square),这个元素将是square:
<div class="square"></div>
就这么简单,对吧
<div class="square"></div>
.square img{
width: 100%;
height: auto;
border: 0;
}
.square *:not(img){
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}