0

我试图在表格单元格中显示一个值，然后显示一个工具提示，它是该值的函数。

我的 HTML 测试块看起来像

<tr ng-repeat="btcAsk in latestAsksFromBcId | limitTo:10">
    <td>{{$index + 1}}</td>
    <td><span data-tooltip class="has-tip" title="{{btcAsk.btcValue}}">{{btcAsk.btcValue}}</span></td>
    <td running-total currIndex="{{$index}}">{{btcAsk.btcAmnt}}</td>
    <td currency-convert idrVal="{{(btcAsk.btcValue * btcAsk.btcAmnt).toFixed(2)}}"></td>
</tr>

在第二个表格单元格（td）中，工具提示显示，但为空白。即使跨度标记之间的相同值显示正确。

所以我采取了不同的方法（显示在第 4 个表格单元格中）并认为我会制定一个自定义指令。

bitcoinApp.directive("currencyConvert", function(CurrencyConversions) {
return {
    restrict: 'A',
    scope: {
        idrval: '@'
    },
    template: '<span data-tooltip class="has-tip" title="USD val">{{idrval}}</span>'
  };
});

模板已插入，但没有显示任何工具提示.. 甚至标题中的硬编码文本也没有。

我的脚本包括

<script src="http://cdnjs.cloudflare.com/ajax/libs/foundation/5.2.3/js/vendor/jquery.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/foundation/5.2.3/js/foundation.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.17/angular.min.js"></script>
<script src="https://cdn.firebase.com/js/client/1.0.18/firebase.js"></script>
<script src="https://cdn.firebase.com/libs/angularfire/0.8.0/angularfire.min.js"></script>

另外，我注意到有http://madmimi.github.io/angular-foundation/但不确定它是否与为什么它不能按预期工作有关？

谢谢。

4

0 回答 0