如何绑定ng-table中的title属性值

Question

我使用ng-table在表视图中显示所有值.在备注栏中显示的消息(表的最后一列)是巨大的.所以,我显示的很少.当用户将鼠标悬停在单元格上时,我想在工具提示中显示整个消息.我试图在title属性中设置它,但它不起作用.

示例代码:http://plnkr.co/edit/I4nCTNhMfxgbBX7Zjxs9？p = preview

<table ng-table="tableParams" class="table">
        <tr ng-repeat="doc in $data">
        <td data-title="'#'" sortable="doc_name">{{$index + 1 }}</td>
        <td data-title="'Visa Type'" sortable="'type'">{{doc.type}}</td>
        <td data-title="'Country'" sortable="'country'">{{doc.country}}</td>
        <td data-title="'Starting Date'" sortable="'start_date'">{{doc.start_date}}</td>
        <td data-title="'Expired Date'" sortable="'end_date'">{{doc.end_date}}</td>
        <td data-title="'Remarks'" sortable="'remarks'" title="{{doc.remarks}}">
        {{doc.remarks | limitTo: 15 }} {{doc.remarks.length > 15 ? '...' : ''}}
        </td>
        </tr>
</table>

请建议我如何使用HTML标题属性显示工具提示.

Answer 1

我认为您可以使用ng-attr-title,所以基本上您的代码保持不变,但在'title ='之前添加'ng-attr-'.所以你的最后一行是这样的:<td data-title="'Remarks'" sortable="'remarks'" ng-attr-title="{{doc.remarks}}">

我之前没有在表格单元格上测试过这个,但理论上它应该可以做到这一点:-)

UPDATE

看到这个工作插件:http://plnkr.co/edit/WHm04jGoiE3oZi244fqj？p =preview

正如您所看到的,我将ng-table.js设置为local,然后在index.html中将ng-attr-title放在ng-table属性的前面.