如何通过ASP.NET Core控制器向视图组件（View Component）传递参数？构造函数传参失效问题咨询

你遇到的核心问题是视图组件的构造函数是用于依赖注入的，而非接收控制器传递的业务参数。当你给CartViewComponent的构造函数添加int id参数后，ASP.NET Core的依赖注入容器无法自动提供这个int类型的实例，导致组件无法被实例化，自然也就不会被调用了。

下面是正确的传参方案：

方法一：通过Invoke方法接收参数 #

视图组件的Invoke（或异步的InvokeAsync）方法才是专门用来接收外部传递参数的入口，修改代码如下：

视图组件代码 #

public class CartViewComponent : Microsoft.AspNetCore.Mvc.ViewComponent 
{
    // 移除带业务参数的构造函数
    public CartViewComponent() 
    {
    } 

    // 在Invoke方法中接收id参数
    public IViewComponentResult Invoke(int id) 
    {
        // 这里可以直接使用id，比如赋值给字段或处理业务逻辑
        int gId = id;
        return View(); 
    } 
}

控制器代码（保持原有调用方式即可） #

[HttpGet]
public IActionResult AddToCart(int id) 
{
    return ViewComponent("Cart", new { id }); 
}

方法二：结合依赖注入与业务参数 #

如果你同时需要注入业务服务（比如购物车操作服务）和接收控制器传递的参数，可以将依赖注入服务放在构造函数，业务参数放在Invoke方法：

// 示例购物车服务接口
public interface ICartService
{
    void AddProductToCart(int productId);
}

public class CartViewComponent : Microsoft.AspNetCore.Mvc.ViewComponent 
{
    private readonly ICartService _cartService;

    // 构造函数注入业务服务
    public CartViewComponent(ICartService cartService)
    {
        _cartService = cartService;
    }

    // Invoke方法接收控制器传递的id参数
    public IViewComponentResult Invoke(int id)
    {
        _cartService.AddProductToCart(id);
        return View();
    }
}

额外技巧：向视图传递数据 #

如果需要把参数传递到视图组件的视图中，可以在Invoke方法中返回带模型的View：

// 定义视图模型
public class CartViewModel
{
    public int ProductId { get; set; }
}

public IViewComponentResult Invoke(int id) 
{
    var viewModel = new CartViewModel { ProductId = id };
    return View(viewModel); 
}

这样在视图组件对应的视图（比如Views/Shared/Components/Cart/Default.cshtml）中，就可以直接使用这个模型进行渲染了。

内容的提问来源于stack exchange，提问作者Betsq9