Question

我正在使用ui-router模块使用angularJS学习单页面应用程序。但是在我的主HTML页面上，锚标签不起作用，我现在卡住了，请有人帮忙吗？

<a ui-sref="page_one"><b>Page_One</b></a>&emsp;&emsp;&emsp;&emsp;
<a ui-sref="page_two"><b>Page_Two</b></a>

<br><br>
<div ui-view></div>

<script src="bower_components/angular/angular.min.js"></script>
<script src="bower_components/angular-ui-router/release/angular-ui-router.min.js"></script>
<script src="app.js"></script>
<script src="config.js"></script>
<script src="controllers/page_one.js"></script>
<script src="controllers/page_two.js"></script>

Answer 1

如果锚元素不包含href属性，则某些浏览器不会将其设置为链接。

在您的情况下，一个好的解决方案是定位特定的ui-sref属性以使用您想要的样式。

<style>
/* specifically targeting anchor links with the ui-sref attribute */
a[ui-sref*='page'] {
  text-decoration: underline;
  cursor:pointer;
}
</style>

<a ui-sref="page_two"><b>Page_Two</b></a>

注意我使用通配符CSS选择器来应用样式，因为在您的示例中，两个属性值以＆＃39; page＆＃39;开头。但是，您可以根据需要使用更精细或更细粒度的内容。显然，你也可以添加你想要的样式。

我无法在单页应用程序

1 个答案: