C# 无法从代码中看到使用AngularJS动态创建的文本框的值_C#_Angularjs_Angularjs Ng Repeat

C# 无法从代码中看到使用AngularJS动态创建的文本框的值

c# angularjs

C# 无法从代码中看到使用AngularJS动态创建的文本框的值,c#,angularjs,angularjs-ng-repeat,C#,Angularjs,Angularjs Ng Repeat,我是AngularJS编程新手。任何帮助都将不胜感激每次单击HTML按钮时，将创建一个HTML文本框在webform1.aspx提交按钮中，单击甚至无法捕获在这些文本框中输入的值我使用了request.form，在form1中循环使用控件，但找不到动态创建的控件如何从代码隐藏中发布和查看在这些文本框中输入的数据请查找以下代码： webform1.aspx <html xmlns="http://www.w3.org/1999/xhtml"> <head>

我是AngularJS编程新手。任何帮助都将不胜感激

每次单击HTML按钮时，将创建一个HTML文本框

在webform1.aspx提交按钮中，单击甚至无法捕获在这些文本框中输入的值

我使用了

request.form

，在

form1

中循环使用控件，但找不到动态创建的控件

如何从代码隐藏中发布和查看在这些文本框中输入的数据

请查找以下代码：

webform1.aspx

<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
      <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
      <script src="https://raw.githubusercontent.com/eligrey/FileSaver.js/master/FileSaver.js"></script>
   </head>
   <body>
      <form id="form1" runat="`server">
         <div>
         <div ng-app="myApp" ng-controller="myCtrl">
            <li ng-repeat="element in elements ">
               <input type="text" ng-model="element.id" runat=server/>
            </li>
            <input type="button" value="+" ng-click="newItem()" />
         </div>
      </form>
   </body>
   <script language="JavaScript">
      var app = angular. Module('myApp', []);
      app.controller('myCtrl', function ($scope) {
          var counter = 0;     
          $scope.elements = [{ id: counter, value: ''}];

          $scope.newItem = function () {
              if ($scope.elements[counter].value != '') {
                   counter++;
                   var str1 = 'txtdynamic';
                   str1 += counter;
                   $scope.elements.push({ id: str1, value: '' });
              }
          }
      });
   </script>
</html>

用正确的方法试试，我的朋友。将以下代码与您的方法进行比较

看法

您是否尝试过

$http.post（）

？没有。我必须检查如何执行此操作。scope.elements没有保留要发布的值，我尝试了以下代码$scope.ButtonClick=function（）{var post=$http（{method:“post”，url:“/Home/AjaxMethod”，数据类型：'json'，数据：{name:$scope.elements[0].value}，头：{“Content-Type”：“application/json”}）；为什么我的作用域.elements数组不包含任何值？？可以在e help上添加一些值吗？谢谢您的回复，但是如果我按照u所说的进行修改，则动态添加文本框会失败。在我修改了ng model=“elements[element.id].value”as ng model=“element.value”后，这项操作正常

protected void Button2_Click(object sender, EventArgs e)
{
    //get the html ng repeat textbox control values
}

<div ng-controller="myCtrl">
  <form id="form1" runat="`server">
    <div>
      <div ng-app="myApp" ng-controller="myCtrl">
        <li ng-repeat="element in elements">
          <input type="text" ng-model="elements[element.id].value" runat=server/>
        </li>
        <input type="button" value="+" ng-click="newItem()" />
        <input type="button" value="send" ng-click="ButtonClick()" />
      </div>
    </div>
  </form>
</div>

  var app = angular.module('myApp', []);
  app.controller('myCtrl', function($scope, $http) {

    var counter = 0;

    $scope.elements = [{
      id: counter,
      value: ''
    }];

    $scope.newItem = function() {
      if ($scope.elements[counter].value != '') {
        counter++;
        var str1 = 'txtdynamic';
        str1 += counter;
        $scope.elements.push({
          id: str1,
          value: ''
        });
      }
    }

    $scope.ButtonClick = function() {
      var post = $http({
        method: "POST",
        url: "/Home/AjaxMethod",
        dataType: 'json',
        data: {
          id: angular.isDefined($scope.elements[0]) ? $scope.elements[0].value : null
        },
        headers: {
          "Content-Type": "application/json"
        }
      });
    }
  });