从ASP.NET Core MVC中的另一个视图访问一个controller的变量

Question

我正在尝试在自学的同时构建一个项目，但一直停留在一个地方。

我有这个 class Roles ：

namespace IC2021.Models
{
    public partial class Roles
    {
        public Roles()
        {
            Staffs = new HashSet<Staffs>();
        }

        public int Id { get; set; }
        public string Name { get; set; }
        public virtual ICollection<Staffs> Staffs { get; set; }
    }
}

另一个叫Staffs ：

namespace IC2021.Models
{
    public partial class Staffs
    {
        public int Id { get; set; }
        public string FirstName { get; set; }
        public string LastName { get; set; }
        public string Location { get; set; }

        public int? RoleId { get; set; }
        public string Archived { get; set; }

        public virtual Roles Role { get; set; }
    }
}

这是我的RolesController ：

namespace IC2021.Controllers
{
    public class RolesController : Controller
    {
        private readonly ICOctober2021Context _context;

        public RolesController(ICOctober2021Context context)
        {
            _context = context;
        }

        // GET: Roles
        public async Task<IActionResult> Index()
        {
            return View(await _context.Roles.ToListAsync());
        }

        public async Task<IActionResult> RolesWithStaffs()
        {
            var iCOctober2021Context = _context.Roles.Include(s => s.Staffs);
            return View(await iCOctober2021Context.ToListAsync());
        }
    }
}

最后我试图从RolesWithStaffs查看它：

<!-- model declaration -->
@model IEnumerable<IC2021.Models.Roles>

@{
    ViewData["Title"] = "RolesWithViewController";
}

<h1>RolesWithViewController</h1>

<p>
    <a asp-action="Create">Create New</a>
</p>
<table class="table">
    <thead>
        <tr>
            <th>
                Role
            </th>
            <th>
                Staff Name
            </th>
            <th>
            <th></th>
        </tr>
    </thead>
    <tbody>
        @foreach (var item in Model)
        {
            <tr>
                <td>
                    @Html.DisplayFor(modelItem => item.Id)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.Staffs)
                </td>
               
                @*<td>
                    <a asp-action="Edit" asp-route-id="@item.Id">Edit</a> |
                    <a asp-action="Details" asp-route-id="@item.Id">Details</a> |
                    <a asp-action="Delete" asp-route-id="@item.Id">Delete</a>
                </td>*@
            </tr>
        }
    </tbody>
</table>

因此，在视图中，当我尝试从Staffs访问时，我无法访问（例如item.Staffs.FirstName或来自Staffs的任何其他内容）。 虽然我可以用其他方式做到这一点，但我的意思是从员工的角度来看我可以访问Roles.Name或Id ）。

谁能帮帮我吗？ 任何帮助将不胜感激。

Answer 1

您的视图 model 看起来很不寻常，恕我直言，您可以试试这个

public async Task<IActionResult> RolesWithStaffs()
        {
             var model=  await _context.Set<Staffs>().Include(s => s.Role).ToListAsync();
            return View(model);
        }

并查看

 
<table class="table">
    <thead>
        <tr>
            <th>
              First Name
            </th>
          <th>
              Last Name
            </th>
            <th>
                 Role 
            </th>
            <th>
            <th></th>
        </tr>
    </thead>
    <tbody>
      @foreach (var item in Model)
      { 
            <tr>
                <td>
                    @Html.DisplayFor(item=> item.FirstName)
                </td>
                <td>
                    @Html.DisplayFor(item=> item.LastName)
                </td>
                <td>
                    @Html.DisplayFor(item => item.Role.Name)
                </td>
               
                <td>
                    <a asp-action="Edit" asp-route-id="@item.Id">Edit</a> |
                    <a asp-action="Details" asp-route-id="@item.Id">Details</a> |
                    <a asp-action="Delete" asp-route-id="@item.Id">Delete</a>
                </td>
            </tr>
        }
    </tbody>
</table>