如何在點擊按鈕時將以下代碼更改爲正常工作。截至目前,它被配置爲一個提交按鈕,該按鈕不是。非常感謝!對Angular JS中的按鈕進行簡單的調整
BUTTON:
<button class="btn btn-primary" ng-click="login()">Log in</button>
JAVASCRIPT:
dpd.users.me(function(user) {
if (user) {
location.href = "/";
}
});
$('form').submit(function() {
var username = $('#username').val();
var password = $('#password').val();
dpd.users.login({username: username, password: password}, function(session, error) {
if (error) {
alert(error.message);
} else {
location.href = "/welcome.html";
}
});
return false;
});
控制器:
$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();
}
});
};
感謝您的答覆!我會添加到我的按鈕來使其工作?這裏是我有... 我將控制器添加到上面的帖子中。再次感謝 – IKid
'按鈕上的input type =「submit」'是你需要使它工作的 - 所以你很棒! –
這還有其他的好處,比如在非可選輸入字段中使用html5'required'屬性(在執行$ scope.login()之前檢查那些輸入是否需要填充) –