使用Angular的Sweet Alert http请求不起作用

Question

我正在创建一个带有Sweet Alert的表单，我在swal函数中有一个post请求，但是当我点击提交时没有任何反应。希望得到一些帮助。

$scope.formModal = function(){
swal({background:'#ACF1F4',html:"<form method='post' id='loginform'>Username:
<input id='username' name='username' >
<br><br>Password:<input type='password' id='password' name='password'><br>  <br></form>",
confirmButtonText: 'Submit',showCancelButton: true}
, function(){
$http.post("login.php",{"username":username,"password":password})
.success(function(data){swal(data)})
}
);

}

Answer 1

这里有多个问题：

1. 你不能像你那样打破多行中的字符串。
2. 您在swal来电
结束时错过了'）'
3. 您遗漏了title
必需的swal参数
4. HTML必须接收一个布尔值，表明您的消息包含HTML代码

我不太确定你是否可以在SweetAlert中创建一个表单，至少在他们的页面中没有例子。

swal({background:'#ACF1F4', html:true, title:"<form method='post' id='loginform'>Username: <input id='username' name='username' style='width: 100%' ><br><br>Password:<input type='password' id='password' name='password'><br>  <br></form>",
confirmButtonText: 'Submit',showCancelButton: true})