AngularJS根据宽度动态更改高度

时间:2014-04-17 22:01:48

标签: javascript css angularjs

我通过ng-repeat打印了一张表格,我的目标是让td方格中的每一个tbody。所有td的宽度都相等,所以我只需要检查第一个进行更改。但是,该页面是动态的,因此table的宽度以及td的宽度将在窗口调整大小时发生变化。
我在head中有样式表。

<style type="text/css">.squerify>tr{height:60px;}</style>


这用于通过以下方式更改高度:

document.styleSheets[1].cssRules[0].style.height=document.querySelector('.squerify td').offsetWidht+"px";

这可以单独使用,但我想知道如何让角度告诉我,td已经改变了它的宽度(这里我正在考虑窗口事件上的'onresize')。 />
那么,onresize现在可能有效,但初始化怎么样? 我没有办法让棱角分明告诉我它完成了所有的工作 PS。:表格在视图中,如果这改变了什么......

问题如下:

  • 有没有更好的方法来检查页面大小调整角度?
  • 用于初始化表的内容是什么?

1 个答案:

答案 0 :(得分:0)

对于想要知道如何做方形元素的每个人:

  1. 我们需要一个基本元素(div会这样做)给它类(我将使用square),这个将是正方形:

    <div class="square"></div>
    
  2. 我们在里面放了一个img标签:(&#34;数据:......&#34;需要,不要删除它,它是1x1px透明的img)

       
  3. 我们需要一点css:

    .square img{
        width: 100%;
        height: auto;
        border: 0;
    }
    
    .square *:not(img){
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
    
  4. 就是这样,很容易吗?