javascript - Node.js 使用 Vash View 引擎 : how to pass vash model to angular?

Question

在 Shawn Wildermuth 的 Pluralsight 类(class)“面向 .NET 开发人员的 Node.js”中，他演示了如何在 vash View 中嵌入 Angular 。基本上:

@html.extend('layout', function(model){

  @html.block("body", function(model) {

<div ng-app="app">
    <div class="row" ng-controller="homeCtrl">
            <p>...</p>
        </div>
    </div>
</div>

  })
})

我的问题是如何将数据从 vash 模型传递到 Angular Controller ？

在 Shawn 的演示中，他正在独立地获取 Controller 中的数据。

如果数据已经在 vash View 模型中提供，我如何将它传递给 angular，这样它就不必再次访问服务器？我尝试使用 ngInit，但无法正常工作。

Answer 1

Shawn 在 Pluralsight 上回答了您的问题。不幸的是，他的解决方案对我不起作用。但我能够使用此变通办法完成您想要做的事情:

首先在 View 中定义一个隐藏字段:

<input value="@model.yourData" name="someName" type="hidden" id="dataFromServer">

然后在您的 Controller 中，只需获取隐藏元素即可访问数据。

$scope.serverData = document.getElementById("dataFromServer").value;