javascript - 在 View @model 列表中使用 javascript 变量

Question

如果我的 View 模型是

@model List<myModel> 

我可以在 javascript 中执行以下操作吗

<script>
 var someint = 0;
 var modelValue = @Model[someint].myValue;
</script>

Answer 1

您的客户端代码将无法理解 @model，因为它是服务器端代码。

或者，您可以通过以下方式将整个服务器端模型转换为 JS 对象

var model = @Html.Raw(Json.Encode(Model));

或者，如果您只想要特定的属性值，那么就这样做

var modelValue = @Html.Raw(Json.Encode(Model.myValue));

如果您的 Model 是一个集合，那么您可以使用顺序 for 循环来遍历您的模型集合，例如

<script type="text/javascript">
     var model = @Html.Raw(Json.Encode(Model));
     for (var i = 0; i < model.length; i++) {
        alert(model[i].myValue);

        // Do Something
    }
</script>