2015-11-06 33 views
0

我在想如何在每個列表項中加上一個複選框和點擊的可能性來實現一個md列表(我想顯示一個詳細信息面板)。這可能沒有自定義CSS? 下面是它應該如何工作的一個例子,但是佈局在某種程度上被打破了。如何使用ng-click做角度材料列表

<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很多。

回答

0

您需要聲明ShowSideNav()函數在哪個控制器下。

點擊按鈕後,控制器'admin'運行'dailyUsageReport'函數。在這種情況下,該函數獲取數據,並將其應用於我的$ scope。

($ scope.dailyUsageReport = dailyUsageReport;)

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

對不起,我誤會,但我的問題是如何解決的列表佈局。 – user3497848

+0

我在codepen中看到它是如何顯示的,沒有編輯或覆蓋實現我不確定它是否存在。不知道這是否有幫助,但刪除「文本對齊:左」顯示所有文本居中。 –