2017-07-12 130 views
1

我想將適合子女<material-expansionpanel>的孩子放入一個AngularDart組件,調用<material-tab>以達到父母的寬度。AngularDart:孩子不適合寬度父親

我用[flex]指令,但沒有工作。我怎麼能做這項工作?

enter image description here

看到的景象。 <material-expansionpanel>不會擴展到右側。

代碼:

<!-- parent --> 
    <material-tab-panel> 
    <material-tab [flex] label="Formação do Preço"> 

      <precomi-formacaopreco></precomi-formacaopreco> 

    </material-tab> 

<!-- child <precomi-formacaopreco> --> 
<div> 
    <material-expansionpanel name="Atividade Principal" flex [showSaveCancel]="false"> 
     <material-radio-group flex> 
     <material-radio [checked]="true">Comércio</material-radio> 
     <material-radio>Indústria</material-radio> 
     <material-radio>Serviços</material-radio> 
     </material-radio-group> 
    </material-expansionpanel> 
... 
</div 

回答

1

我不認爲[flex]尤其是做任何事情在這裏。如果你不約束寬度,那麼擴展面板應該佔據整個水平空間。如果沒有發生這種情況,您可以嘗試使用可運行的複製指令向angular_components提交問題。

+0

我認爲那是一個問題呢!我不約束寬度... – Muka

0

我認爲這個問題可能是您的<div><material-expansionpanel>沒有擴展到頁面寬度。你可以嘗試將<div>的寬度設置爲100%嗎?

+0

我試過'div {width:100%; '',但沒有奏效。如果我在父級上設置了像'width:1200px'這樣的值,那麼孩子會正常擴展以達到此長度。但我不想使用固定的價值。 – Muka

+0

你可以嘗試添加位置:相對於div除了寬度:100%? – phantomesse