내부 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

재료 레이아웃 지시어를 사용해보십시오 :

(210)

<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의 외부 폭이 다음 다른에 적용 얻을. 그 일 했니?