md-card 中的 md-list 没有调整

Question

尽管有 flex 属性，md-card 中的 md-list 并未针对不同的屏幕尺寸进行调整。我相信这可能是因为 md-list-item.

里面的 ng-href

这是我的设置：

<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-list-item 组件自动检测列表项是否可点击。

如果 md-list-item 是可点击的，我们将所有内容包装在 中并创建一个覆盖按钮，它将执行给定的操作（如 ng-href , ng-点击)

我们创建一个叠加按钮，而不是将所有内容包裹在按钮内，否则按钮内的某些元素可能无法点击。

当在列表项中使用次要项时，md-list-item 组件会自动在 md-list-item 的末尾创建一个次要容器，其中包含所有次要项。

次要项容器不是静态的，否则溢出将无法在列表项上正常工作。

这里是 material angular 官方网站的例子：

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

md-card 中的 md-list 没有调整

Md-list in md-card is not adjusting

angularjs

angularjs-material