Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript AngularJS根据宽度动态更改高度_Javascript_Css_Angularjs - Fatal编程技术网

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;
    }