如何使用 ng-click 进行重定向

我正在尝试构建超级简单的 AngularJS 应用程序，将凭据接受到两个文本框中，然后使用双向绑定将按钮单击重定向到其中包含两个变量的 url。

我的问题是，我可以让它工作一个简单的

<a href=...>

（或者也许 ng-href=...）但由于某种原因，无论我做什么，我都无法使用

<button>

我尝试了很多变体，但这就是我想要做的

<button ng-click="$location.path('http://example.com/login.jsp?un={{username}}&pw={{password}}')" class="btn btn-lg btn-warning">Log In!</button>

如果我调用控制器中的函数，我就可以让它工作，但这是一件简单的事情，如果可能的话，我想在页面上完成它。

另外，作为一个附带问题，登录这样的网站有哪些安全问题？

** 编辑：让我困惑的部分是，这有效（只是没有双向绑定工作）：

<button onClick="window.open('http://www.example.com/{{username}}');">

我希望将 onClick 更改为 ng-click 会给我相同的行为，但具有双向绑定。

**重新编辑/解决方案 好吧，我终于找到了一个可行的解决方案。

我不知道为什么 Button 标签不能提供这种行为，如上所述，但这是工作代码。

<a href="https://www.example.com/login.jsp?un={{username}}&pw={{password}}" class="btn btn-lg btn-warning">Log In!</a>

通过给它提供与我打算用于按钮的相同的类，文本显示看起来就像一个按钮，完全相同。

在控制器上放置一个方法来执行重定向，并从以下形式调用该方法ng-click在你的按钮上。

Markup:

<button ng-click="goLogin()">Log in</button>

控制器：

.controller('LoginCtrl', function($scope, $location) {
    $scope.form = {
        username: null,
        password: null
    };

    $scope.goLogin = function() {
        $location.url('http://test.com/login.jsp?un='+ $scope.form.username +'&pw="+ $scope.form.password);
    };
})

另请注意您要致电$location.url() not path()

OR...

Add $location根据您的范围和要求url({{newUrl}}):

$controller('MyCtrl', function($scope, $location) {
    $scope.$location = $location;
})

我仍然会选择在范围上调用方法。