有没有一种简单的方法可以使用按钮来浏览页面，就像angularjs中的链接一样

Question

在angularjs中，我想像这样使用button，但是我仍然需要寻找按钮。

<button href="#/new-page.html">New Page<button>

就像a（链接）那样

<a href="#/new-page.html">New Page</a>

有没有比这更简单的方法？

<button ng-click="newPage()">New Page<button>
$scope.newPage = function (){
    location.href = '#/new-page.html';
};

注意：从根本上说，当我习惯于location.href导航时，整个页面会刷新，并且导航不受angularjs的控制。如果我不使用链接，如何在javascript代码中导航页面？

我是否需要创建一个自定义指令来实现？

Answer 1

您ngClick是正确的；您只需要正确的服务。$location是您要寻找的。查看文档以获取全部详细信息，但是针对您特定问题的解决方案是：

$location.path( '/new-page.html' );

该$location服务将根据您当前的设置在适当的情况下添加哈希（＃），并确保不会发生页面重新加载。

如果这样选择，您还可以使用指令做一些更灵活的事情：

.directive( 'goClick', function ( $location ) {
  return function ( scope, element, attrs ) {
    var path;

    attrs.$observe( 'goClick', function (val) {
      path = val;
    });

    element.bind( 'click', function () {
      scope.$apply( function () {
        $location.path( path );
      });
    });
  };
});

然后您可以在任何东西上使用它：

<button go-click="/go/to/this">Click!</button>

有很多方法可以改进此指令；只是为了说明可以做什么。这是一个在实践中演示的Plunker：http
://plnkr.co/edit/870E3psx7NhsvJ4mNcd2?p=preview 。