尝试使用 Bootstrap 和 AngularJS 生成按钮组以重定向到不同的 URL答案

【问题标题】：Trying to generate a button-group with Bootsrap and AngularJS to redirect to different URLs尝试使用 Bootstrap 和 AngularJS 生成按钮组以重定向到不同的 URL
【发布时间】：2016-01-14 01:43:10
【问题描述】：

我正在尝试创建两个按钮组（使用 bootstrap 和 angularjs），当单击它们时，每个按钮组都会重定向到不同的 URL。我目前有以下代码（仅复制相关部分）：

app.controller('LinkController',function(link, $scope, $location){
    $scope.go = function(){
	$location.url(link); 
    };
});

<div class="btn-group btn-group-lg" data-ng-controller = "LinkController">
    <button type="button" class="btn btn-primary" data-ng-click = "go('test1.html')">Click1</button>
    <button type="button" class="btn btn-primary" data-ng-click = "go('test2.html')">Click2</button>
</div>

但是，这不起作用，我不知道为什么。我可能没有正确传递参数，但即使没有传递链接本身，我也试过了，但它仍然不起作用。非常感谢任何帮助！

【问题讨论】：

标签： javascript html angularjs twitter-bootstrap controller

【解决方案1】：

您是否要传递网址？如果是这样，那么我会是这样的：

app.controller('LinkController',function(link, $scope, $location){
    $scope.go = function(link){
	$location.url(link); 
    };
});

<div class="btn-group btn-group-lg" data-ng-controller = "LinkController">
    <button type="button" class="btn btn-primary" data-ng-click = "go('test1.html')">Click1</button>
    <button type="button" class="btn btn-primary" data-ng-click = "go('test2.html')">Click2</button>
</div>

【讨论】：

【解决方案2】：

好的，经过多次尝试，并从上面的答案中得到一些启发，我能够通过以下方式解决它：

app.controller('LinkController',function($scope){
  $scope.go = function(link){
	window.location = link; 
  };
		 
});

<div class="btn-group btn-group-lg" data-ng-controller = "LinkController">
   <button id = Image type="button" class="btn btn-primary"
      data-ng-click = "go('Test1.html')">Click1</button>
   <button id = Text type="button" class="btn btn-primary"
      data-ng-click = "go('Test2.html')">Click2</button>
</div>

感谢你们的帮助。

【讨论】：

【解决方案3】：

我对 Angular js 了解不多，但是还有其他替代方法可以达到相同的目的。这适用于简单的html

<div class="btn-group btn-group-lg">
<a href="test1.html"><input type="button" class="btn btn-primary">Click1</input></a>

<a href="test2.html"><input type="button" class="btn btn-primary">Click2</input></a>
</div>

注意我把按钮元素改成了输入，这是因为按钮元素不能放在锚标签<a>内。

希望对你有帮助

【讨论】：

感谢您的回答。上面的解决方案只会生成简单的链接，不会生成我现在拥有的漂亮按钮。
输入也不能放在中。