角度材质按钮上的超链接不会导致浏览器跳转到该链接

Question

我在angularjs v1上使用角度材料.

我使用角度材料的简单菜单栏有问题.这是菜单栏的html代码;

<md-toolbar layout="row" class="md-whiteframe-z3" style="padding: 0px;margin:0px;float: left;">
    <h2>Test page</h2>
    <md-button href="Data1.html">Data1</md-button>
    <md-button href="Data2.html">Data2</md-button>
</md-toolbar>

当我单击Data1按钮时,浏览器URL将更改为" http://127.0.0.1/test-site/webroot/app/Data1.html ",但浏览器不会转到该网页.我必须手动刷新页面以强制浏览器转到该网页.

按下按钮后如何让浏览器转到该页面？

编辑:现有的答案有效,但它打开一个新的选项卡.我希望浏览器转到现有选项卡上的新网页.优选地,如果解决方案可以纯粹在html中,但使用javascript就可以了.我创造了一笔赏金.

Answer 1

ng-href像这样使用

<div>
 <md-button ng-href="{{googleUrl}}" target="_blank">Go to Google</md-button>
</div>

DEMO

更新:

你可以通过提到target ="_ self"来实现它

   <md-button ng-href="{{googleUrl}}" target="_self">Go to Google</md-button>

DEMO