如何解决angularJs可访问性中断开的链接？

Question

在AngularJs中，我正在使用ngAria来提高可访问性。我正在使用ui-sref，因此它可以从中转换代码

 <ul style="font-size: 18px">
     <li>
        <a ui-sref="scheduleallocation" >Department Admin DayTimeLocation</a>
     </li>
     <li>
        <a ui-sref="activityoffering" >ActivityOffering List</a>
     </li>
     <li>
         <a ui-sref="scheduleassignment" >Schedule Assignment</a>
     </li>
 </ul>

对此

<ul style="font-size: 18px">
   <li>
       <a ui-sref="scheduleallocation" href="#/scheduleallocation">Department Admin DayTimeLocation</a>
   </li>
   <li>
       <a ui-sref="activityoffering" href="#/activityoffering">ActivityOffering List</a>
   </li>
   <li>
      <a ui-sref="scheduleassignment" href="#/scheduleassignment//">Schedule Assignment</a>
    </li>
 </ul>

它在href中添加了＃，这就是为什么在可访问性方面出现以下错误。如何解决？

Answer 1

您可以切换到使用html5mode和angularJs的$ location服务。

启用html5Mode后，URL中将不再使用＃字符。使用＃符号更容易，因为它不需要服务器端配置。 Html5Mode使用浏览器的历史记录API，并且不需要＃字符-URL看起来更好，但它也需要服务器端重写。

使用html5mode会将您的链接从    href="#/scheduleallocation"至href="/scheduleallocation"

有关使用html5mode的更多信息，请参见https://docs.angularjs.org/guide/ $ location。