如何设置内部 div

Question

我正在使用角度材质选项卡。问题是标签的大小不同。取决于内容。所以我想知道我是否可以让内部ng-scope成为外部ng-scope的大小。

这是生成的 md-tab-content 的简化版本

<md-tab-content id="tab-content-3" class="_md ng-scope md-active">
  <div class="ng-scope ng-isolate-scope">
  </div>
</md-tab-content>

问题是我可以引用一个角度元素吗？并做一些类似的事情

md-tab-content > div.ng-scope {
   and set size here = outside size?

   //worst case set the height by hand
   height: 252px;
}

这里的内部div高度是57，而外部md-tab-content是252

标签代码

<div id="tree-footer-container" ng-cloak>
    <md-tabs id="jc" md-selected="selectedIndex">
        <md-tab   class="fullSize" ng-repeat="tab in tabs" ng-disabled="tab.disabled">
             <md-tab-label>
                    <div style="float: left;padding-right: 10px;">{{tab.title}}</div>
             </md-tab-label>
             <md-tab-body>
                 <div flex style="background:blue" class="demo-tab tab{{$index%4}}" ng-include="tab.url">
                 </div>
             </md-tab-body>
         </md-tab>
    </md-tabs>
</div>

Answer 1

尝试使用材质布局指令：

<md-tab-content id="..." layout="column" class="...">
  <div flex class="...">
  </div>
</md-tab-content>

Answer 2

我不确定你的所有课程，但我认为这可以用 jQuery 解决：

var newWidth = $('.ng-isolate-scope').outerWidth;
$('.classOfOtherDiv').width(newWidth);

首先你得到一个 div 的外部宽度，然后将它应用到另一个。有效果吗？