我正在创建视图组件,下面是我的所有代码..但是当我调用这个视图组件时,我收到如下错误..所以任何人都可以帮助我解决这个问题并解释我到底是什么问题。
错误是:
InvalidOperationException:尝试激活“PerfumeStore.ViewComponents.ShoppingCartSummaryViewComponent”时,无法解析“PerfumeStore.Data.Models.ShoppingCart”类型的服务。
首先,我创建了一个名为 ViewComponents 的文件夹,其中我创建了名为 ShoppingCartSummaryViewComponent.cs 的新类,下面是它的代码。
using Microsoft.AspNetCore.Mvc;
using PerfumeStore.Data.Models;
using PerfumeStore.ViewModels;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
namespace PerfumeStore.ViewComponents
{
public class ShoppingCartSummaryViewComponent : ViewComponent
{
private readonly ShoppingCart _shoppingCart;
public ShoppingCartSummaryViewComponent(ShoppingCart shoppingCart)
{
_shoppingCart = shoppingCart;
}
public IViewComponentResult Invoke()
{
var items = _shoppingCart.GetShoppingCartItems();
_shoppingCart.ShoppingCartItems = items;
var shoppingCartViewModel = new ShoppingCartViewModel
{
ShoppingCart = _shoppingCart,
ShoppingCartTotal = _shoppingCart.GetShoppingCartTotal()
};
return View(shoppingCartViewModel);
}
}
}
现在 cshtml 文件位于以下路径中:在 Views / Shared / Components / ShoppingCartSummary /Default.cshtml
@model ShoppingCartViewModel
@if (Model.ShoppingCart.ShoppingCartItems.Count > 0)
{
<li>
<a asp-controller="ShoppingCart">
<span class="glphyicon glphyicon-shopping-cart"></span>
<span id="cart-status">
@Model.ShoppingCart.ShoppingCartItems.Count
</span>
</a>
</li>
}
现在在我的 _Layout.cshtml 文件中,我以这种方式调用这个视图组件。
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
@await Component.InvokeAsync("ShoppingCartSummary")
</ul>
</div>
但我收到此错误:
InvalidOperationException:尝试激活“PerfumeStore.ViewComponents.ShoppingCartSummaryViewComponent”时,无法解析“PerfumeStore.Data.Models.ShoppingCart”类型的服务。
谢谢