有没有办法阻止在视图中使用ng-click向上滚动？

Question

当我点击一个链接时，我的页面向上滚动，我知道如果我在控制器中处理这个，我可以在那里放event.preventDefault()，但我不想在控制器上这样做。

在我看来，有没有办法解决这个问题？

        <li ng-hide="showMore">
            <a href="#" ng-click="showMore=!showMore">
                <span class="fa fa-plus-circle"></span> <br>
                Mais 
            </a>
        </li>
        <li ng-class="{'active':showMore}" ng-show="showMore">
            <a href="#" ng-click="showMore=!showMore">
                <span class="fa fa-minus-circle"></span> <br>
                Menos 
            </a>
        </li>

Answer 1

你可以随时使用“＃！” 像这样：

Checked

Answer 2

我会完全删除<a>标记并将其替换为span。

<span class="link" data-ng-click="showMore = !showMore">
  <span class="fa fa-plus-circle"></span> <br>
    Mais
  </span>
</span>

CSS

span.link {
    cursor:pointer;
    color:blue;
}

span.link:hover {
    text-decoration:underline;
    cursor:pointer;
}

Answer 3

<a>标记没有href属性。删除它应该有所帮助。

另外，从语义上讲，这不是一个链接，而是一个按钮，因此使用<input type="button">或<button>代码而不是<a>更为正确。