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

发布时间：2020-12-17 07:29:38 所属栏目：安全来源：网络整理

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

我正在使用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标题属性显示工具提示.

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

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

UPDATE

看到这个工作plunkr：http://plnkr.co/edit/WHm04jGoiE3oZi244fqj?p=preview

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!