如何使用Bootstrap按钮组和AngularJS在页面之间导航

Question

我有这段代码可以创建一个按钮组：

<div class="btn-group btn-group-lg">
    <button id = "Image" type="button" class="btn btn-primary">Click1</button>
    <button id = "Text" type="button" class="btn btn-primary">Click2</button>
</div>

从某种意义上讲，每个按钮会将我带到一个不同的URL，因此我想使其变得动态。 我碰到过这篇文章：

如何使用Twitter Bootstrap单击按钮导航到另一个页面？

但是，在处理按钮组时，我不能使用<a></a> （或者至少不能想到一种方法）。 所以我想我需要带有功能的JS文件？ 如何使用AngularJS做到这一点？

Answer 1

您可以使用简单的Javascript函数，例如：

go(path) {
    window.location = path;
}

然后使用以下按钮从您的按钮中调用它：

ng-click="go('index.html')"