Angular post方法无法正常工作,没有任何错误
我正在使用angular和asp.net core webapi创建一个简单的crud操作。当我尝试使用值来发布值时,它不起作用 员额构成部分:Angular post方法无法正常工作,没有任何错误,angular,asp.net-core-webapi,Angular,Asp.net Core Webapi,我正在使用angular和asp.net core webapi创建一个简单的crud操作。当我尝试使用值来发布值时,它不起作用 员额构成部分: <div class="col-md-4"> <form (ngSubmit)="validateuser()" #homeForm="ngForm"> <div class="form-group"> <label for="address">User Name</label> &l
<div class="col-md-4">
<form (ngSubmit)="validateuser()" #homeForm="ngForm">
<div class="form-group">
<label for="address">User Name</label>
<input type="text " min="0" class="form-control" [(ngModel)]="datas.username" name="username" required>
</div>
<div class="form-group">
<label for="address">Password</label>
<input type="text " min="0" class="form-control" [(ngModel)]="datas.password" name="password" required>
</div>
</form>
<div class="form-group">
<button type="submit" class="btn btn-success" [disabled]="!homeForm.form.valid">login</button>
</div>
</div>
API Conroller:
namespace WebAPI.Controllers
{
[Produces("application/json")]
[Route("api/User")]
public class UserController : Controller
{
private readonly ModelItemContext _context;
public UserController(ModelItemContext context)
{
_context = context;
}
[HttpPost("{token}")]
public ActionResult CreateToken([FromBody] User item_2)
{
var item_1 = _context.User.FirstOrDefault(t => t.UserName == item_2.UserName && t.Password == item_2.Password);
if (item_1 == null)
{
return NotFound();
}
_context.User.Update(item_1);
_context.SaveChanges();
return new NoContentResult();
}
}
}
当我尝试使用调试点时。未命中角度服务文件的值。这里有什么问题。请告诉我。创建用户的方法也是一样的。但是当我检查密码和用户名时,它不起作用。问题是您的数据变量是空对象。因此,声明数据变量,如下所示
datas: any = {
username: '',
password: ''
};
来自UI的帖子URL应该是这样的,
''
并更改API中的CreateToken方法,如
[Route("token")]
public ActionResult CreateToken([FromBody]User item_2)
{
}
注意:在HTML中,在表单标签中添加按钮。
注意:API中的用户模型应与角度模型匹配。问题在于数据变量是空对象。因此,声明数据变量,如下所示
datas: any = {
username: '',
password: ''
};
来自UI的帖子URL应该是这样的,
''
并更改API中的CreateToken方法,如
[Route("token")]
public ActionResult CreateToken([FromBody]User item_2)
{
}
注意:在HTML中,在表单标签中添加按钮。
注意:API中的用户模型应与角度模型相匹配。您可以进一步展示控制器吗?查看构成API可用端点的控制器的所有部分会很有帮助。这正是查看控制器上的route属性所需的操作。类似于[route(“API/[controller]”)和类声明的内容在validateuser()中说明了这一点值在this.datas中,但在API控制器用户项_2中为null或空??我说的对吗?你能再给我看看你的控制器吗?查看构成API可用端点的控制器的所有部分会很有帮助。这正是查看控制器上的route属性所需的操作。类似于[route(“API/[controller]”)和类声明的内容在validateuser()中说明了这一点值在this.datas中,但在API控制器用户项_2中为null或空??我说的对吗?你在表单标签中添加了按钮了吗?这是后端和前端的命名错误。谢谢你。你在表单标签中添加了按钮了吗?这是后端和前端的命名错误。非常感谢。