如何使用md-data-table中的操作创建自定义按钮

时间:2016-09-24 09:25:05

标签: angular-material

我想知道如何在表格中添加新的自定义按钮。我尝试通过以下方式添加一些默认或内置按钮:

<md-button class="md-icon-button">
      <md-icon>delete</md-icon> // default in setting
    </md-button>
    <md-button class="md-icon-button">
      <md-icon>add</md-icon>
    </md-button>
    <md-button class="md-icon-button">
      <md-icon>update</md-icon>
    </md-button> 
     <md-button class="md-icon-button">
      <md-icon>whatever</md-icon>  // fail to show in the page
    </md-button> 

我可以通过在<md-icon>代码之间调用名称来添加,更新和删除图标。但是,我不确定如何按钮工作以及每个图标存储在文件中的位置。此程序如何通过特定名称加载或引用图标。在哪里插入代码块进行交互,例如删除,更新或添加功能?有谁可以向我解释一下?

Github参考:https://github.com/daniel-nagy/md-data-table

1 个答案:

答案 0 :(得分:0)

我不太清楚你需要什么,但我认为你想在点击数据表单元格中的按钮时触发动作,
如果这是你想要的,你只需要添加一个点击动作:
<md-button class="md-icon-button" ng-onclick="action()"></md-button >
这是一个例子:

http://codepen.io/Has1/pen/jVEgMx?editors=1010