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。我遇到过这篇文章：

How do I navigate to another page on button click with Twitter Bootstrap?

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

Answer 1

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

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

然后用你的按钮调用它：

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

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

1 个答案: