Question

我使用md-list列出了一些产品。文档说，md-divider在每行之后显示一条分隔线。我按照文档的指示使用了代码，但它没有显示分隔符。我做错了什么？

CODEPEN ：https://codepen.io/wingoku/pen/zNGxKK

<div ng-controller="AppCtrl" layout="column" layout-align="center center" style="min-height: 300px;" class="selectdemoValidations" ng-app="MyApp">
      <md-list>
            <md-list-item layout="row" class="md-2-line"
                          ng-repeat="word in wordsList track by $index">
                  <div layout="row" layout-align="start center" class="md-list-item-text"
                       >
                    <h3>{{word}}</h3>
                  </div>
                  <md-button layout-align="end end" class="md-fab md-mini md-primary"
                             flex="none"
                             ng-click="">x
                  </md-button>

                  <md-divider></md-divider>
            </md-list-item>
         </md-list>
</div>


angular.module('MyApp')
.controller('AppCtrl', function($scope) {
  $scope.wordsList = ["hello world", "one two three", "x y z"]
});

Answer 1

从layout="row"删除md-list-item。

md-divider没有显示在md-list中

1 个答案: