jquery - 获取 jQuery(文档)中模型列表的第一个值。准备好使用 Razor 了吗？

Question

如何从模型列表中获取第一项的值？我的 View 模型:

namespace TestWeb
{
  public class NavViewModel
  {
    public NavViewModel()
    {
      NavStepList = new List<NavStep>();
    }

    public List<NavStep> NavStepList { get; set; }
  }
}

在我看来:

@using TestWeb
@model NavViewModel

<script>
  $(document).ready(function () {
    var Testvalue = @Model.NavStepList.First();
  });
</script>

我想要 NavStepList 的第一个值。但是，当我调用此函数时发生错误:

TestWeb is undefined

我已经测试了分配给 NavStepList 的测试值，但错误仍然发生。

我的 NavStep 类属性:

public class NavStep{
        public int NavStepId { get; set; }
        public int SortId { get; set; }
        public string StepName { get; set; }   
        public string IdentifierKey { get; set; }        
        public bool IsAvailible { get; set; }
}

Answer 1

您可以使用以下命令将服务器端 View 模型转换为 JavaScript 变量:

<script>
    $(document).ready(function () {
        var myModel = @Html.Raw(Json.Encode(Model.NavStepList.First()));
    });
</script>

然后您可以在 javascript 中访问模型属性:

alert(myModel.NavStepId);
alert(myModel.SortId);
alert(myModel.StepName);
...