Question

我在使用angularJS时遇到了一些问题，当我总结数据时，它总是空的，我使用ng-repeat显示数据，如下所示：

@using (Ajax.BeginForm("UpdateTasks", "Revision", FormMethod.Post, new AjaxOptions { OnSuccess = "OnSaveSuccess" @*, OnBegin="ValidateForm"*@} ,  new { @id = "participantForm", @class = "form-validation-1" }))
{
<div ng-app="myApp">
<div id="idiv">
<table id="tbl" name="tbl" ng-controller="myCtrl" border="1" style="color:black">
   <tr>
      <th> Task</th>
   </tr>
   <tr ng-repeat="x in records">
       <td><input type="text" ng-model="x.Question" class="form-control"></td>
   </tr>
</table>

  <input class="btn m-r-5" type="submit" value="Save" />

这是我的控制器

  [HttpPost]
        public JsonResult UpdateTasks(object tasks)
        {
var tsk = tasks ;
            return Json(new { isError ="" }, JsonRequestBehavior.AllowGet);
        }

但是对象任务总是空的，我错过了什么？

Answer 1

你可以试试这个，首先获取对象中的所有数据，然后使用ng-repeat以html格式显示数据/信息。

<table>
 <tr ng-repeat="x in records">
    <td>{{ x.Name }}</td>
    <td>{{ x.Country }}</td>
</tr>

Answer 2

您的代码有很多问题。让我们一个接一个地开始。

使用angularjs $ http服务将数据发布到您的服务器。使用angularjs并使用剃刀发布数据毫无意义。
创建一个模型，其属性与您从客户端发布的属性相匹配，并在控制器操作中使用它而不是“对象”类型。 MVC Model Binder自动映射字段并填充它们。

关于您的实际问题，原因是您没有将name属性与输入字段相关联。尝试这样的事情，如果你需要进一步的指示，请告诉我:)）

<div ng-app="myApp">
<div id="idiv">
<table id="tbl" name="tbl" ng-controller="myCtrl" border="1" style="color:black">
   <tr>
      <th> Task</th>
   </tr>
   <tr>
       <td ng-repeat="x in records">
         <input name="{{x.Question}}" type="text" ng-model="x.Question" class="form-control">
     </td>
   </tr>
</table>

  <input class="btn m-r-5" type="submit" value="Save" />

提交在ASP.NET MVC中使用ng-repeat的表单

2 个答案: