Question

我想知道如何在每个列表项中实现一个包含3行文本的md-list加上一个复选框，并且可以点击（我想显示一个详细信息面板）。这可能没有自定义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>

http://codepen.io/steffi80/pen/MaqLGW

也许任何人都可以提供帮助。谢谢你。

Answer 1

您需要声明ShowSideNav（）函数所在的控制器。

单击该按钮时，控制器'admin'将运行'dailyUsageReport'功能。在这种情况下，函数获取数据，并将其应用于我的$ scope。

（$ scope.dailyUsageReport = dailyUsageReport;）

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

如何使用ng-click进行角度材料列表

1 个答案: