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

Question

我在想如何在每个列表项中加上一个复选框和点击的可能性来实现一个md列表（我想显示一个详细信息面板）。这可能没有自定义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

也许任何人都可以help.thanks很多。

Answer 1

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

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

（$ scope.dailyUsageReport = dailyUsageReport;）

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