Zugriff auf MVC -Modelleigenschaften in javaScript

Frage: wie man auf Daten zugreift, die an ein Ansichtsmodell in JavaScript -Code gebunden sind? Wie können Sie beispielsweise auf die Eigenschaften von Bodenplansettingsmodel in JavaScript zugreifen?

Erster Versuch:

var floorplanSettings = "@Model.FloorPlanSettings";
alert(floorplanSettings.IconsDirectory);

Antwort:

Um auf MVC -Modelleigenschaften aus JavaScript zugreifen zu können, muss das Modell in ein JavaScript -Objekt serialisiert werden. Die Methode lautet wie folgt:

serialisieren Sie das gesamte Modell:

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

serialisieren spezifische Modellattribute:

Wenn Sie nur eine bestimmte Eigenschaft wie Grundlagen benötigen, codieren Sie einfach diese Eigenschaft:

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

Jetzt können Sie mit serialisierten JavaScript -Objekten auf Eigenschaften zugreifen:

alert(floorplanSettings.IconsDirectory);  // 访问IconsDirectory属性