【发布时间】：2021-10-10 19:54:22
【问题描述】：
我正在尝试将字符串对象列表显示为复选框。我有两个项目，ASP.NET Core MVC 应用程序项目和 ASP.NET Core Web API 都在 5.0 NET Core 上运行。在 MVC 项目中，我正在调用 Web API 项目，它将在其中创建一个新的对象列表。然后在我的 MVC 项目中，我做了一个项目引用来调用视图中的控制器。当我运行应用程序时，MVC 将点击它调用 API 项目的行。在我的 API 控制器的 GetPlan() 方法中存储新创建的对象后，我尝试在我的 MVC 视图中将这些创建的对象显示为复选框。但是，当我这样做时，它说Model.plans.Count 抛出了System.NullReferenceException 类型的异常。然后再深入研究，它只会告诉我：
System.NullReferenceException: '对象引用未设置为对象的实例。'
Microsoft.AspNetCore.Mvc.Razor.RazorPage.Model.get 返回 null。
如果新对象已经创建，我不明白为什么它返回 null。
MVC 项目：
Controller 我在哪里调用我的 API：
public IActionResult SecIndex()
{
// call planapi
var result = _planServiceClient.RetrievePlans().Result;
_logger.Log(LogLevel.Information, "Reached the Second Page View....");
return View();
}
然后是我的 API 项目：
Model class for ViewPhoneNumberInput:
public class ViewPhoneNumberInput
{
[Required(ErrorMessage = "You did not enter your phone number! Please enter your phone number!")]
public String PhoneNumber { get; set; }
public List<Plans> plans { get; set; }
}
我的计划模型类：
public class Plans
{
public int PlanId { get; set; }
public string PlanName { get; set; }
}
Controller 用于 api：
[HttpGet]
[Route("AvailablePlans")]
public ActionResult GetPlan()
{
var _model = new ViewPhoneNumberInput();
_model.plans = new List<Plans>();
_model.plans.Add(new Plans { PlanId = 1, PlanName = "Internet" });
_model.plans.Add(new Plans { PlanId = 2, PlanName = "TV & Streaming" });
_model.plans.Add(new Plans { PlanId = 3, PlanName = "Mobile" });
_model.plans.Add(new Plans { PlanId = 4, PlanName = "Home Security" });
_model.plans.Add(new Plans { PlanId = 5, PlanName = "Home Phone" });
var plansAvailable = JsonSerializer.Serialize(_model.plans);
_logger.Log(LogLevel.Information, "Response-Body: {@Response-Body}", plansAvailable);
return Ok(_model.plans);
}
_model.plans 以上将保存创建的新对象的值，因此我转到我的 MVC 视图项目来调用它，以便显示它，但这就是它说Model.plans.Count 抛出类型异常的地方'System.NullReferenceException`。
View 用于 MVC 项目：
@model Plan.API.Models.ViewPhoneNumberInput
<h2>Second page</h2>
@using (Html.BeginForm())
{
for (int i = 0; i < Model.plans.Count; i++)
{
<input type="checkbox" id="@Model.plans[i].PlanId" name="Model.plans[i].PlanId" />
<label for="Model.plans[i].PlanId"> @Model.plans[i].PlanName </label> <br />
}
@Html.TextBoxFor(r => r.PhoneNumber)
<input id="Button" type="submit" value="Next" />
<p> @Html.ValidationMessageFor(r => r.PhoneNumber) </p>
}
为什么它告诉我而不是实际保存来自 API 控制器的新创建的值？
在实施以下建议时，我可以看到 PhoneNumber 的值，但对于计划，它显示为 null（当鼠标悬停在帖子 SecIndex 中的 phoneNumberInput 上时）。
我的检索计划（）：
public async Task<List<Plan.API.Models.Plans>> RetrievePlans()
{
var response = await _httpClient.GetAsync("api/plans/AvailablePlans");
response.EnsureSuccessStatusCode();
var result = await response.Content.ReadAsStringAsync();
var json = JsonConvert.DeserializeObject<List<Plan.API.Models.Plans>>(result);
return json;
}
我更新的SecIndex() with Post SecIndex()：
public IActionResult SecIndex()
{
// call planapi
var result = _planServiceClient.RetrievePlans().Result;
_logger.Log(LogLevel.Information, "Reached the Second Page View....");
return View(new Plan.API.Models.ViewPhoneNumberInput { plans = result });//So that you don't need to change the model in the view and the parameter type in the HttpPost Action.
}
[HttpPost]
public IActionResult SecIndex(Plan.API.Models.ViewPhoneNumberInput phoneNumberInput)
{
try
{
if (ModelState.IsValid)
{
_logger.Log(LogLevel.Information, "User successfully entered their phone number.");
return RedirectToAction("FinalIndex", "Final");
}
else
{
_logger.Log(LogLevel.Error, "User missed to enter their phone number");
throw new Exception("User did not enter a phone number in the textfield!");
}
}
catch(Exception ex)
{
_logger.LogError(ex, "Empty textfield!");
return View(phoneNumberInput);
}
}
SecIndex.cshtml
@model Plan.API.Models.ViewPhoneNumberInput
<h2>Second page</h2>
@using (Html.BeginForm())
{
for (int i = 0; i < Model.plans.Count; i++)
{
<input type="checkbox" id="@Model.plans[i].PlanId" />
<input hidden value="@Model.plans[i].PlanId" />
<input hidden value="@Model.plans[i].PlanName" />
<label for="Model.plans[i].PlanId"> @Model.plans[i].PlanName </label>
<br />
}
@Html.TextBoxFor(r => r.PhoneNumber)
<input id="Button" type="submit" value="Next" />
<p> @Html.ValidationMessageFor(r => r.PhoneNumber) </p>
}
<script>
$('form').submit(function () {
var count = 0;
$('input[type=checkbox]').each(function () {
if (this.checked) {
this.nextElementSibling.name = "plans["+count+"].PlanId";
this.nextElementSibling.nextElementSibling.name = "plans[" + count + "].PlanName";
count++;
}
});
});
</script>
我的 API GetPlan 控制器：
[HttpGet]
[Route("AvailablePlans")]
public List<Plans> GetPlan()
{
var _model = new ViewPhoneNumberInput();
_model.plans = new List<Plans>();
_model.plans.Add(new Plans { PlanId = 1, PlanName = "Internet" });
_model.plans.Add(new Plans { PlanId = 2, PlanName = "TV & Streaming" });
_model.plans.Add(new Plans { PlanId = 3, PlanName = "Mobile" });
_model.plans.Add(new Plans { PlanId = 4, PlanName = "Home Security" });
_model.plans.Add(new Plans { PlanId = 5, PlanName = "Home Phone" });
var plansAvailable = JsonSerializer.Serialize(_model.plans);
_logger.Log(LogLevel.Information, "Response-Body: {@Response-Body}", plansAvailable);
return _model.plans;
}
【问题讨论】：
标签： c# asp.net asp.net-mvc asp.net-core-mvc asp.net-core-webapi