2017-07-12 10 views
1

AngularDartコンポーネントにある子<material-expansionpanel>を親の幅に達するように<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

位置を追加できますか:width:100%に加えてdivを基準にしていますか? – phantomesse

関連する問題