我使用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>
Run Code Online (Sandbox Code Playgroud)
请建议我如何使用HTML标题属性显示工具提示.
我是Angularjs的新手.我想基于布尔变量为title属性设置一个值.
此处附带示例代码.
<tr ng-repeat="doc in $data" ng-class="{{doc.is_today}} ? 'highlight' : ''"
ng-attr-title="({{doc.is_today}}) ? 'Today' : ''">
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
Run Code Online (Sandbox Code Playgroud)
谢谢,
我正在使用 ng-table 在表网格视图中显示所有值。我想在用户将鼠标悬停在单元格上时显示一些消息。所以我使用 ng-attr-title 作为工具提示。它在 firfox 中工作,但在 google chrome 网络浏览器中不起作用。
Sample普朗克
谢谢。