C# 如何在视图中使用模型数据？

我有

HomeController

和

Index

方法：

public class HomeController : Controller
{
    [HttpGet]
    public IActionResult Index()
    {
         return View();
    }   
}

它返回此页面：

<form asp-controller="Player" asp-action="VideoPlayer" method="post">
                    <div class="demo-btns">
                        <div class="info">
                    <div class="buttons">
                        <p><input type="text" name="userName" placeholder="Name:" size="18" /></p>
                        <p><input type="text" name="roomCode" placeholder="Code of the room:" size="18" /></p>
                        <input type="submit" class="modal__trigger2" value="Join Room" />
                    </div>
                </div>
            </div>
        </form>

我想在另一页上显示

userName

和

roomCode

，这就是我使用PlayerController和VideoPlayer操作的原因

@using Watch.Models;
<div class="content-box-center-monitor">
   <div>Model?.RoomData></div> 
   <div>Model?.RoomCode</div> 
</div>

@使用Watch.Models；
型号？.RoomData>
型号？房间代码

但它不起作用。我的最终html看起来像这样，我不知道为什么：

<div class="content-box-center-monitor">
   <div></div> // no data 
   <div></div> // no data
</div>

//没有数据
//没有数据

您需要将模型返回到视图中

public class PlayerController : Controller
{
     public static RoomData roomData = new RoomData();

     public IActionResult VideoPlayer(string userName, string roomCode)
     {
         roomData.UserName = userName;
         roomData.RoomCode = roomCode;
         return View(roomData);
     }
}

然后在视频播放器页面

@model RoomData;
<div class="content-box-center-monitor">
   <div>Model?.UserName</div> 
   <div>Model?.RoomCode</div> 
</div>

@model RoomData；
型号？用户名
型号？房间代码

@model RoomData;
<div class="content-box-center-monitor">
   <div>Model?.UserName</div> 
   <div>Model?.RoomCode</div> 
</div>