Question

所以hres文本编辑器中的html是什么......

<div  ng-repeat="x in Result">
   <a ng-href="https://domain.com/{{x.short_url}}">
     <li class="viewer" id="{{x.user_id}}"  style="background-image: url(https://domain.com/{{x.user_id}})">
   </a>
</div>

但是当它在浏览器中呈现时，它看起来像这样......

<a ng-href="https://domain.com/ucmzda" href="https://domain.com/ucmzda"></a>
 <li class="viewer" id="b5599b09bcb3467ba3ade4e5b30721a4" style="background-image: url(https://domain.com/image/user/b5599b09bcb3467ba3ade4e5b30721a4)">

我无法弄清楚为什么列表项不会在锚点内呈现？

Answer 1

参阅： ng-repeat inserting empty anchor tags 在您的情况下，li未关闭：

在标签内使用li不是一个好的实践：像这样使用

<ul ng-repeat="x in Result">

     <li class="viewer" id="{{x.user_id}}"  style="background-image: url(https://domain.com/{{x.user_id}})"><a ng-href="https://domain.com/{{x.short_url}}">
   </a>
 </li>
</ul>

您是否有机会将$ locationProvider配置为html5Mode？如果是，这将导致您的问题。您可以通过添加target =＆＃34; _self＆＃34;强制它始终转到网址。到你的标签。试一试。** 使用HTML5所以添加target =＆＃34; _self＆＃34;它会起作用

Answer 2

<div  ng-repeat="x in Result">
   <a ng-href="https://domain.com/{{x.short_url}}">
     <li class="viewer" id="{{x.user_id}}"  style="background-image: url(https://domain.com/{{x.user_id}})"><li>
   </a>
</div>

ng-repeat列表项不会在锚点内呈现

2 个答案: