要查看的AngularJS MVC传递模型。如何填充角度表

我是angularjs的新手。我使用以下行将模型从控制器传递到视图

@using Forloop.HtmlHelpers
@model Lga.Cms.Core.Dtos.ContentListDto

在我的角度表的前几行，我有以下几行

<div id="productListing">
                <table class="table-responsive">
                    <thead></thead>
                    <tbody>
                        <tr ng-repeat="product in productlist">

从@model声明中，如何将模型中的集合分配给productlist，使其包含DTO数组？到目前为止，我可以在productlist中看到任何内容

---

谢谢您的帮助。

您需要将模型转换为javascript对象并将其传递给angular controller。您可以使用

JsonConvert.SerializeObject（）

方法来实现这一点

因此，在您的视图中，添加此代码

@section Scripts{   
  <script src="~/Scripts/YourAngularController.js"></script>    
  <script>
    var m = angular.module("app")
         .value("pageModel",@Html.Raw(Newtonsoft.Json.JsonConvert.SerializeObject(Model)));

  </script>    
}

在您的视图中，您可以循环查看

productList

集合

<div ng-app="app" ng-controller="ctrl as vm">
  <div id="productListing">
     <table class="table-responsive">
          <tr ng-repeat="product in vm.productlist">
                <td>{{product.Name}}</td>
          </tr>
     </table>
  </div>
</div>

{{product.Name}

您可以使用ng init将C#VM分配给angular controller作用域，并使用

JsonConvert.SerializeObject将C#VM序列化为Json

<div ng-init="productlist=@JsonConvert.SerializeObject(this.Model)"></div>
<div id="productListing" ng-controller="your controller">
    <table class="table-responsive">
        <thead></thead>
        <tbody>
            <tr ng-repeat="product in productlist">
                <td>{{product.Name}}</td>
            </tr>
        </tbody>
    </table>
</div>


{{product.Name}

<div ng-init="productlist=@JsonConvert.SerializeObject(this.Model)"></div>
<div id="productListing" ng-controller="your controller">
    <table class="table-responsive">
        <thead></thead>
        <tbody>
            <tr ng-repeat="product in productlist">
                <td>{{product.Name}}</td>
            </tr>
        </tbody>
    </table>
</div>