javascript - Angularjs 将 $scope 分配给预先存在的 MVC 模型数据

标签 javascript asp.net asp.net-mvc angularjs asp.net-mvc-4

所以我将 ASP.NET 与 MVC 5 一起使用。我有一个名为“Employee”的模型,它包含一个“FirstName”值。我有一个员工列表,我正在尝试使用 Angular 来获取员工中的所有“名字”,然后将它们简单地显示在列表中。

我假设我需要一个范围来执行此操作,那么如何将所有 FirstName 值分配给一个范围?

这是一些代码

// Controller.js

var myApp = angular.module('myModule', []);
myApp.controller('myController', function ($scope) { 
   $scope firstnames;
});

Index.cshtml

@model IEnumerable<Test.Models.Employee>

<html ng-app="myModule">
    <div ng-controller="myController">
        <script>
            var nameArray = [];
            @foreach (var d in Model)
            {
              @:nameArray.push("@d.FirstName");
            }

            firstnames = nameArray;
        </script>

        <li ng-repeat="name in firstnames">
            {{name}}
        </li>
    </div>
</html>

因此脚本在成功收集所有值的意义上起作用,只是我无法将它传递给范围。

我在网上看了看,人们正在使用 $http 或 JSON 序列化。我试图实现我看到的一些示例,但无济于事。谁能帮帮我?

最佳答案

<html>没有 <body>标签?无论如何,尝试将模型推送到实际 Controller 代码中:(我正在将 html 更改为 div )

@model IEnumerable<Test.Models.Employee>

<div ng-app="myModule">
  <div ng-controller="myController">    
     <li ng-repeat="name in firstnames">
        {{name}}
     </li>
  </div>
</div>

<script>
  var myApp = angular.module('myModule', []);
  myApp.controller('myController', function ($scope) { 
    $scope.firstnames = []
    @foreach (var d in Model)
    {
      @:$scope.firstnames.push("@d.FirstName");
    }  
  });
</script>

关于javascript - Angularjs 将 $scope 分配给预先存在的 MVC 模型数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30674438/

相关文章:

javascript - Ember JS : How can a parent route/controller observe its child route/controller changing?

asp.net-mvc - 将 Ninject 与 Membership.Provider 一起使用

javascript - 我的 jQuery 脚本似乎正在加载,但不工作

javascript - chase.com 登录流程是否使用 JavaScript 中的设备唯一标识符?

c# - 如何从javascript中的DirectMethod获取返回值(值类型为Ext.Net.Panel)并将其添加到Ext.Net.TabPanel?

asp.net - asp.net core 中 web.config 文件的替代项是什么

asp.net - 禁用 ASP.net 文本框而不实际禁用它?

c# - 如何在.net 项目中使用非托管dll?

asp.net-mvc - MVC:如何将文件上传和其他表单字段发布到一个操作

c# - 我应该如何为应用程序实现 OAuth?