Angularjs ng attr标题在chrome浏览器中不起作用_Angularjs_Ngtable

Angularjs ng attr标题在chrome浏览器中不起作用

angularjs

Angularjs ng attr标题在chrome浏览器中不起作用,angularjs,ngtable,Angularjs,Ngtable,我使用ng表格在表格网格视图中显示所有值。我想在用户悬停单元格时显示一些消息。因此，我使用ng attr title作为工具提示。它在firfox中工作，但在google chrome web浏览器中不工作示例谢谢。那是因为Angular将其转换为数据title=“Something”。您可以使用CSS来显示数据标题属性，或者如果您想要HTML标题属性，也可以使用title=“{{'Something'}}。将ng attr title替换为title似乎我们已经在其他问题中讨论过了。使用D

我使用ng表格在表格网格视图中显示所有值。我想在用户悬停单元格时显示一些消息。因此，我使用ng attr title作为工具提示。它在firfox中工作，但在google chrome web浏览器中不工作

示例

谢谢。

那是因为Angular将其转换为

数据title=“Something”

。您可以使用CSS来显示数据标题属性，或者如果您想要HTML标题属性，也可以使用

title=“{{'Something'}}

。

将

ng attr title

替换为

title
似乎我们已经在其他问题中讨论过了。使用Div解决此问题
我已编辑您的HTML块：
<!DOCTYPE html>
<html>

  <head>

    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
     <link rel="stylesheet" href="style.css">
    <script src="https://code.angularjs.org/1.2.9/angular.min.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.10.0/ui-bootstrap-tpls.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/ng-table/0.3.3/ng-table.min.js"></script>

    <script src="script.js"></script>
  </head>

  <body ng-app="myApp">
    <table ng-table="tableParams" class="table" ng-controller="ctrl">
        <tbody>
            <tr ng-repeat="foo in data">
                <td data-title="'Name'">{{foo.name}}</td>
                <td data-title="'Age'">{{foo.age}}</td>
                <td ng-attr-title="{{foo.Desc}}" data-title="'Remarks'" >
                    <div ng-attr-title="{{foo.Desc}}">{{foo.Desc | limitTo: 15 }} {{foo.Desc.length > 15 ? '...' : ''}}</div>

                </td>
            </tr>
        </tbody>
    </table>
</body>

</html>


{{foo.name}
{{foo.age}
{{foo.Desc | limito:15}{{{foo.Desc.length>15？'…'：''}

使用脚本完成代码请参见此
这是为同一目标执行多项操作时发生的情况
选择一种方式，你就可以大胆地实现你想要的
ng属性标题：：
<td ng-attr-title="{{foo.Desc}}" >
                  {{foo.Desc | limitTo: 15 }} {{foo.Desc.length > 15 ? '...' : ''}}
                </td>


{{foo.Desc | limito:15}{{{foo.Desc.length>15？'…'：''}

只是标题：
<td title="{{foo.Desc}}" >
                      {{foo.Desc | limitTo: 15 }} {{foo.Desc.length > 15 ? '...' : ''}}
                    </td>


{{foo.Desc | limito:15}{{{foo.Desc.length>15？'…'：''}

普朗克：