javascript - md-divider 未显示在 md-list 中

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

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