在JS文件中访问ViewModel(asp.net MVC)

Question

我在Razor里面一直使用这样的东西

@section Includes {  
      <script type="text/javascript">
        var somestuffneeded = @(Html.Raw(Json.Encode(Model.datamember))); 


      </script>

}

但这看起来并不那么干净,因为它与布局位于同一个文件中(因为它不能直接从.js文件中运行).访问和查看ViewModel的任何干净的替代方法都在.js文件中传递？

Answer 1

您无法直接访问 .js 文件中的 ViewModel，因为它是 Web 服务器上的静态文件。但有一个解决方法，您可以使用参数将 ViewModel 传递到 .js 文件。

一些 .js 文件

function Common() {
    var _this = this;

    this.viewModel = null;

    this.showViewModel = function () {
       alert(_this.viewModel);
    };
}

var common = null;
$().ready(function () {
    common = new Common();
});

然后在加载视图时传递 ViewModel

@section Includes {  
  <script type="text/javascript">
    var somestuffneeded = @(Html.Raw(Json.Encode(Model.datamember))); 
    $(document).ready(function () {
          common.viewModel = somestuffneeded;
          common.showViewModel();
    });
  </script>
}