Angularjs ng-attr-title不能在鉻瀏覽器中工作

我正在使用ng-table在表格網格視圖中顯示所有值。我想在用戶懸停單元格時顯示一些消息。所以我使用ng-attr-title作爲工具提示。它在firfox中工作，但它不適用於谷歌Chrome瀏覽器。Angularjs ng-attr-title不能在鉻瀏覽器中工作

SamplePlunker

感謝。

來源

2015-06-02 Deepak raj

看來我們在其他問題Here中討論過它。使用Div來解決這個問題。

我編輯了自己的HTML BLOCK：

<!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>

與腳本完成的代碼裏發現PLUNKER

來源

2015-06-02 07:26:53

這是因爲Angular把它變成了data-title="Something"。您可以使用CSS來顯示數據標題屬性，或者，如果您需要HTML標題屬性，則可以使用title="{{ 'Something' }}。

來源

2015-06-02 07:16:02

-3

將ng-attr-title替換爲title。

來源

2015-06-02 07:16:29

任何其他信息將真正幫助。 – ryanyuyu

這是當你爲同樣的目標做多件事情會發生什麼。

選擇一種方法，你可以挑釁地實現你想要的。

NG-ATTR標題：：

<td ng-attr-title="{{foo.Desc}}" > 
        {{foo.Desc | limitTo: 15 }} {{foo.Desc.length > 15 ? '...' : ''}} 
       </td>

只是冠軍：

<td title="{{foo.Desc}}" > 
         {{foo.Desc | limitTo: 15 }} {{foo.Desc.length > 15 ? '...' : ''}} 
        </td>

Plunkr：http://plnkr.co/edit/vinoKnLgCMRUMMCLO6X3?p=preview

來源

2015-06-02 07:45:03

Angularjs ng-attr-title不能在鉻瀏覽器中工作

回答

相關問題