Microsoft.AspNetCore.Mvc.ViewFeatures.ViewDataDictionary.EnsureCompatible(object value) - asp.net-core-mvc

Question

This is the error I get; please tell me how I can solve it:
InvalidOperationException: the model item passed into the ViewDataDictionary is of type 'System.Collections.Generic.List1[AgricultureFarming.Models.AddToCart]', but this ViewDataDictionary instance requires a model item of type 'System.Collections.Generic.IEnumerable1[AgricultureFarming.Models.Order]'}
My Index View Page code I want to display product in orders index page from Addtocart model
#model IEnumerable<AgricultureFarming.Models.Order>
#{
ViewData["Title"] = "Index";
Layout = "~/Views/Shared/_Layout.cshtml";
}
<h1>Index</h1>
<p>
<a asp-action="Create">Create New</a>
</p>
<div class="container">
<div class="row">
<div>
<table class="table">
<tbody>
#foreach (var item in Model)
{
<tr>
<td>
<img src="~/Images/#item.AddToCarts.Products.Image_path" class="img-fluid" style="height:50px;width:85px;" asp-append-version="true" />
</td>
<td>
<b>
#Html.DisplayFor(modelItem => item.AddToCarts.Products.Product_Name)
</b>
</td>
<td>
1 KG = #Html.DisplayFor(modelItem => item.AddToCarts.Products.Price)
</td>
<td>
#Html.DisplayFor(modelItem => item.AddToCarts.Quantity)
</td>
<td>
#(item.AddToCarts.Quantity* item.AddToCarts.Products.Price)
</td>
</tr>
}
</tbody>
<tfoot>
<tr>
<td></td>
<td></td>
<td></td>
<td><b>Sub Total</b></td>
<td>#Model.Sum(i => i.AddToCarts.Quantity * i.AddToCarts.Products.Price) TK</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td><b>Delivery Charge</b></td>
<td><text id="DeliveryCharge"></text></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td><b>Total Amount</b></td>
<td><text id="Total">#Model.Sum(i => i.AddToCarts.Quantity * i.AddToCarts.Products.Price) TK</text></td>
</tr>
</tfoot>
</table>
</div>
<div class="form-group col-md-3">
<div>
<select id="CountryList" class="form-control" asp-items="ViewBag.CountryList"></select>
</div>
<div class="form-group col-md-3"></div>
<div>
<select id="CityList" class="form-control"></select>
<br />
<text>Address:</text>
<br />
<textarea class="form-control"></textarea>
</div>
<div>
<text>Zip Code:</text>
<br />
<input type="text" name="name" value="" class="form-control"/>
</div>
</div>
</div>
</div>
<div asp-validation-summary="ModelOnly" class="text-danger"></div>
<div class="container">
<div class="row">
<div class="form-group col-md-3 align-self-start">
<select id="CountryList" class="form-control" asp-items="ViewBag.CountryList"></select>
</div>
<div class="form-group col-md-3">
<select id="CityList" class="form-control"></select>
</div>
</div>
</div>
My model class:
using System;
using System.Collections.Generic;
using System.ComponentModel.DataAnnotations;
using System.ComponentModel.DataAnnotations.Schema;
namespace AgricultureFarming.Models
{
public class Order
{
[DatabaseGenerated(DatabaseGeneratedOption.Identity)]
public string Id { get; set; }
[Display(Name = "Delivery Charge")]
public int DeliveryChargesId { get; set; }
[Required]
public string UserId { get; set; }
[Display(Name = "Item")]
public string AddToCartsId { get; set; }
[Required]
public string DeliveryAddress { get; set; }
[Required]
[Display(Name = "Total Price")]
[Column(TypeName = "decimal(10,2)")]
public decimal TotalAmount { get; set; }
[Required]
public DateTime OrderDate { get; set; }
public DeliveryCharge DeliveryCharges { get; set; }
public AddToCart AddToCarts { get; set; }
}
}

Answer 1

Your Index action returns the AddToCart collection type, so your view should use #model AgricultureFarming.Models.AddToCart to receive.
To solve this issue, change the index view code as follow:
#model IEnumerable<AgricultureFarming.Models.AddToCart>
#{
ViewData["Title"] = "Index";
Layout = "~/Views/Shared/_Layout.cshtml";
}
<h1>Index</h1>
<p>
<a asp-action="Create">Create New</a>
</p>
<div class="container">
<div class="row">
<div>
<table class="table">
<tbody>
#foreach (var item in Model)
{
<tr>
<td>
<img src="~/pics/#item.Products.Image_path" class="img-fluid" style="height:50px;width:85px;" asp-append-version="true" />
</td>
<td>
<b>
#Html.DisplayFor(modelItem => item.Products.Product_Name)
</b>
</td>
<td>
1 KG = #Html.DisplayFor(modelItem => item.Products.Price)
</td>
<td>
#Html.DisplayFor(modelItem => item.Quantity)
</td>
<td>
#(item.Quantity* item.Products.Price)
</td>
</tr>
}
</tbody>
<tfoot>
<tr>
<td></td>
<td></td>
<td></td>
<td><b>Sub Total</b></td>
<td>#Model.Sum(i => i.Quantity * i.Products.Price) TK</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td><b>Delivery Charge</b></td>
<td><text id="DeliveryCharge"></text></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td><b>Total Amount</b></td>
<td><text id="Total">#Model.Sum(i => i.Quantity * i.Products.Price) TK</text></td>
</tr>
</tfoot>
</table>
</div>
<div class="form-group col-md-3">
<div>
<select id="CountryList" class="form-control" asp-items="ViewBag.CountryList"></select>
</div>
<div class="form-group col-md-3"></div>
<div>
<select id="CityList" class="form-control"></select>
<br />
<text>Address:</text>
<br />
<textarea class="form-control"></textarea>
</div>
<div>
<text>Zip Code:</text>
<br />
<input type="text" name="name" value="" class="form-control" />
</div>
</div>
</div>
</div>
<div asp-validation-summary="ModelOnly" class="text-danger"></div>
<div class="container">
<div class="row">
<div class="form-group col-md-3 align-self-start">
<select id="CountryList" class="form-control" asp-items="ViewBag.CountryList"></select>
</div>
<div class="form-group col-md-3">
<select id="CityList" class="form-control"></select>
</div>
</div>
</div>```
Here is the test result: