Question

尽管有md-list属性，但md-card中的flex并未调整为不同的屏幕尺寸。我相信这可能是因为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-list-item组件会自动检测列表项是否应该是可点击的。

如果md-list-item是可点击的，我们将所有内容包装在内并创建一个重叠按钮，该按钮将执行给定的操作（如ng-href，ng-click）

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

当在列表项中使用辅助项时，md-list-item组件将自动在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>

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

1 个答案: