调用View组件时出现问题

Question

我正在做我的第一个asp.net核心项目，因此也是我的第一个视图组件。 我以为我已经按照教程中的每个步骤进行操作，但是我无法成功调用我的视图组件。

这是我的代码：

/ViewComponents/ItemListViewComponent.cs

using Microsoft.AspNetCore.Mvc;

namespace LC.CompuTECH._2017.ViewComponents
{
    public class ItemListViewComponent : ViewComponent
    {
        public ItemListViewComponent(string t)
        {
            switch (t.ToUpper())
            {
                case "STUDENT":
                    this.Type = ListTypes.Student;
                    break;

                case "WORK":
                    this.Type = ListTypes.Work;
                    break;

                case "GAMER":
                    this.Type = ListTypes.Gamer;
                    break;

                case "OTHER":
                    this.Type = ListTypes.Other;
                    break;
            }
        }

        public IViewComponentResult Invoke()
        {
            return View();
        }

        public ListTypes Type { get; internal set; }

        public enum ListTypes
        {
            Student,
            Work,
            Gamer,
            Other
        }
    }
}

/Views/Shared/Components/ItemList/Default.cshtml

MY VIEW COMPONENT

我尝试这样调用：

@await  Component.InvokeAsync("ItemList", new { t = "student" })

但我只得到：

InvalidOperationException：尝试激活“ LC.CompuTECH._2017.ViewComponents.ItemListViewComponent”时，无法解析类型为“ System.String”的服务。

这应该是如此基本，以至于我无法弄清楚我在做什么错。

任何帮助将受到高度赞赏

Answer 1

您的构造函数应该只接受可以注入的东西，即组件的依赖项。

您想要传递的所有内容都将传递给invoke方法，而不是构造函数

using Microsoft.AspNetCore.Mvc;

namespace LC.CompuTECH._2017.ViewComponents
{
    public class ItemListViewComponent : ViewComponent
    {
        public ItemListViewComponent()
        {

        }

        public IViewComponentResult Invoke(string t)
        {
            switch (t.ToUpper())
            {
                case "STUDENT":
                    this.Type = ListTypes.Student;
                    break;

                case "WORK":
                    this.Type = ListTypes.Work;
                    break;

                case "GAMER":
                    this.Type = ListTypes.Gamer;
                    break;

                case "OTHER":
                    this.Type = ListTypes.Other;
                    break;
            }

            return View();
        }

        public ListTypes Type { get; internal set; }

        public enum ListTypes
        {
            Student,
            Work,
            Gamer,
            Other
        }
    }
}

还要注意，除非有等待的内容，否则请使用Invoke而不是InvokeAsync，如果使用InvokeAsync，则方法签名应为

Task<IViewComponentResult> InvokeAsync(string t)

在该方法中，您等待某些事情，例如对服务的调用