我试图在表格单元格中显示一个值,然后显示一个工具提示,它是该值的函数。
我的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)中,工具提示显示,但为空白。即使span标签之间的相同值显示正确。
所以我采取了不同的方法(显示在第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/但是不确定它与为什么没有按预期工作相关?
感谢。