Question

我有一张桌子，对于其中一个栏目，我试图用一个单词超链接网址，例如＆＃34; Here＆＃34;。但是，该列显示为空白（以及获取＆＃34;属性ng-href不允许＆＃34;警告在intelliJ。这是表的样子，最后一行是我尝试超链接：

<tr>
<td ng-bind="order.paid | date:'short'"></td>
<td ng-bind="order.totalQty"></td>
<td ng-bind="order.total.pretty" ng-if="!store.shopifyInstalled"></td>
<td><a ng-href="order.shopifyReceiptUrl" ng-bind="Here" ng-if="store.shopifyInstalled"></a></td>
</tr>

我做错了什么？

Answer 1

使用花括号{{}}放置模型并删除ng-bind指令。

<tr>
<td ng-bind="order.paid | date:'short'"></td>
<td ng-bind="order.totalQty"></td>
<td ng-bind="order.total.pretty" ng-if="!store.shopifyInstalled"></td>
<td><a ng-href="{{order.shopifyReceiptUrl}}" ng-if="store.shopifyInstalled">Here</a></td>
</tr>

Answer 2

可以用两种方式完成：

首先用ng-init定义一个var：

<td><a ng-href="order.shopifyReceiptUrl" ng-bind="var_name" ng-init="var_name='Here'" ng-if="store.shopifyInstalled"></a></td>

第二步使用自定义文字：

<td><a ng-href="order.shopifyReceiptUrl" ng-if="store.shopifyInstalled">HERE</a></td>

如何在元素中使用ng-href进行超链接？

2 个答案: