angular material - Exist similar method like mdt-row={'data' : messages} but for md-table? -
i'm new angular material. want make table data received server, don't know how. saw example :
<mdt-table table-card="{title: 'sms list'}" mdt-row="{ 'data': messages, 'column-keys': [ 'id', 'title', 'text', 'status' ] }"> <mdt-header-row> <mdt-column align-rule="left">id</mdt-column> <mdt-column align-rule="right">titlu</mdt-column> <mdt-column align-rule="right">detali8i</mdt-column> <mdt-column align-rule="right">status</mdt-column> </mdt-header-row> </mdt-table>
but use method (with md-table
) :
<table md-table md-row-select="operation=='view'" ng-model="selected" class="table table-hover table-bordered table-striped"> <thead md-head md-order="title"> <tr md-row> <th md-column width="10%" >id</th> <th md-column width="20%" md-order-by="title">title</th> <th md-column width="60%" >detail</th> <th md-column width="20%" >date</th> <th md-column width="10%" >status</th> </tr> </thead> <tbody md-body> <tr md-row md-select="message" md-select-id="title" md-auto-select md-on-select="onselect()" ng-repeat="message in messages | orderby: title"> <td md-cell width="10%">{{$index+1}}</td> <td md-cell width="20%">{{message.title}}</td> <td md-cell width="60%">{{message.text}}</td> <td md-cell width="20%">{{message.date}}</td> <td md-cell width="10%" ng-model="message.wanted" ng-if="message.wanted">active</td> <td md-cell width="10%" ng-model="message.wanted" ng-if="!message.wanted">inactive</td> </tr> </tbody> </table>
is there similar method mdt-row={'data': messages}
md-table
?
Comments
Post a Comment