在Angular JS中对按钮的Javascript进行简单调整

单击按钮时，如何更改以下代码以使其正常工作。到目前为止，它被配置为一个提交按钮，而该按钮不是

按钮：

<button class="btn btn-primary"  ng-click="login()">Log in</button>

控制器：

  $scope.showLogin = function(val) {
$scope.loginVisible = val;
if (val) {
  $scope.username = '';
  $scope.password = '';
  }
 };

 $scope.login = function() {
dpd.users.login({
  username: $scope.username,
  password: $scope.password
  }, function(session, error) {
  if (error) {
    alert(error.message);
    } else {
    $scope.showLogin(false);
    getMe();

    $scope.$apply();
  }
    });
  };

---

用于提交按钮。避免使用jQuery，并在控制器中定义$scope.login函数

为了运行“form.submit”函数中当前存在的代码，您需要更改jQuery选择器及其绑定的事件，或将登录信息包装在表单中，并将按钮更改为submit按钮：

<input type="submit" value="Log In" />

你也可以考虑给你的按钮一个ID：

<button id="login_button" class="btn btn-primary>Log in</button>

---

有关“on”事件处理程序的更多信息：

感谢您的回复！我会在我的按钮上添加什么使其工作？这是我所拥有的。。。我把我的控制器添加到上面的帖子中。再次非常感谢按钮上的

input type=“submit”

是您使其工作所需的，所以您很好！这还有其他优点，比如可以很好地使用html5的

required

属性来处理非可选输入字段（它会在执行$scope.login（）之前检查要填写的输入）

<input type="submit" value="Log In" />

$('form').submit(function() { // this should change to the following
$('button.btn-primary').on('click', function() {

<button id="login_button" class="btn btn-primary>Log in</button>

$('#login_button').on('click', function() {