md-cardのMd-listが調整されていません

Question

md-cardのMd-listは、フレックスにもかかわらず異なる画面サイズに調整されていません。私はng-hrefの中のmd-list-itemの中にあると思います。これは私が持っている設定です。

<md-content layout="row" layout-align="space-around stretch"> 

<md-content layout="column" layout-align="start stretch" flex="90"> 
    <div> 
    </div> 
</md-content> 

<md-content flex> 
    <md-card> 
     <md-card-content> 
    <md-list> 
     <md-list-item ng-href="" ng-repeat=""> 
      <md-icon></md-icon> 
      <p></p> 
     </md-list-item> 
    </md-list> 
     </md-card-content> 
    </md-card> 
</md-content> 

</md-content> 

Answer 1

次のコードスニペットは、右である、私はあなたにいくつかの仕様を与えてみましょう：

リスト項目がクリック可能かどうMD-リスト項目コンポーネントが自動的に検出します。 MD-リスト項目がクリック可能である場合

は、我々はの内のすべてのコンテンツをラップし、オーバーレイボタンを作成し、特定のアクションを実行しますします（NG-HREFのように、NG-クリック）

ボタンの内部ですべてのコンテンツをラップする代わりに、オーバーレイボタンを作成します。そうしないと、ボタンの内部でクリックできない場合があるためです。

リスト項目内の2次項目を使用すると、md-list-itemコンポーネントは、すべての2次項目を含む2次コンテナをmd-list-itemの最後に自動的に作成します。

セカンダリアイテムのコンテナは静的ではありません。そうしないと、オーバーフローがリストアイテムで正しく機能しないためです。ここで

は一例である材料の角の公式サイトを形成：

<md-list> 
    <md-list-item class="md-2-line" ng-repeat="item in allTask"> 
    <md-checkbox ng-model="item.done"></md-checkbox> 
    <div class="md-list-item-text"> 
     <h3>{{item.title}}</h3> 
     <p>{{item.description}}</p> 
    </div> 
    </md-list-item> 
</md-list>