どのようなスタイルの角材料のタブを使用して、内側の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> 

事の簡素化バージョンは、私は、角要素を参照することができているのですか？ outter md-tab-contentは252

タブコードであるとき、内側div高さは57である。ここ

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

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

ような何かを

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

まずあなたは、他にそれを適用する1つのdiv要素の外側の幅を取得します。それは働いたのですか？