Как стиль внутренний div

Question

Im используя вкладку углового материала. Проблема заключается в том, что табы имеют одинаковый размер. Зависит от содержимого. Поэтому я задаюсь вопросом, могу ли я сделать внутренний ng-scope размером с outter 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, когда Outter 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 затем применить его к другому. Это работало?