Angularjs 如何使用单击创建角度材质列表

我想知道如何实现一个md列表，每个列表项中有3行文本，加上一个复选框和点击的可能性（我想显示一个详细的面板）。这在没有自定义css的情况下是可能的吗？ 下面是一个它应该如何工作的示例，但是布局不知何故被破坏了

<md-list>
  <md-list-item class="md-3-line" ng-repeat="item in items">
    <md-button ng-click="showSideNav()">
    <div class="md-list-item-text" layout="column">
      <h3> {{item.who}} </h3>
      <h4> {{item.what}} </h4>
      <p> {{item.notes}} </p>
    </div>
    </md-button> 
  </md-list-item>
</md-list>

{{item.who}
{{item.what}
{{item.notes}

---

也许任何人都可以提供帮助。非常感谢。

您需要声明ShowSideNav（）函数在哪个控制器下

单击按钮时，控制器“管理员”运行“dailyUsageReport”功能。在本例中，函数获取数据，并将其应用于我的$scope

（$scope.dailyUsageReport=dailyUsageReport；）

很抱歉误解，但我的问题是如何修复列表的布局。我在代码笔中看到它现在是如何显示的，没有编辑或覆盖materialize，我不确定是否有。不确定这是否有帮助，但删除“文本对齐：左”将显示所有居中文本。

<button class="btn" ng-click="admin.dailyUsageReport();"><a href="#">Your Text</a></button>