使用AngularJS将值推送到webform输入文本框

Question

我使用Angular JS创建了一个搜索，其中我从JSON文件中提取数据并将其显示在工作正常的页面上的表格中。表格行和表格列由Angular ng-repeat创建。

还有一个表格下面添加了几个字段（这是简单的html/css/js webform）下的webform。我希望一旦表格行被点击，来自表格列的数据并将其推送到webform输入文本框中。我所尝试的是ng-click =“callfunction（传递值），并且在callfunction中我可以显示在Web浏览器的控制台中传递的所有值，但是我无法找到如何将值推送到webform的文本框中运行示例可以在here

Answer 1

刚刚检查和问题与我的目标ID。愚蠢的是，我的网络表单文本框的ID是骆驼套，我的目标是全部小写。不管怎么说感谢你们在那里

Answer 2

你必须申报控制器模型要与视图绑定：

$scope.firstname = ''; 
$scope.lastname=''; 
$scope.email = ''; 

现在，你应该将模型绑定到您的看法：

<tr> 
        <td> 
         <label for="FirstName">First Name <span class="req">*</span> 
         </label> 
         <br /> 
         <input type="text" name="FirstName" ng-model="firstname" id="FirstName" class="cat_textbox" maxlength="255" /> </td> 
       </tr> 
       <tr> 
        <td> 
         <label for="LastName">Last Name <span class="req">*</span> 
         </label> 
         <br /> 
         <input type="text" name="LastName" ng-model="lastname" id="LastName" class="cat_textbox" maxlength="255" /> </td> 
       </tr> 
       <tr> 
        <td> 
         <label for="EmailAddress">Email Address <span class="req">*</span> 
         </label> 
         <br /> 
         <input type="text" name="EmailAddress" ng-model="email" id="EmailAddress" class="cat_textbox" maxlength="255" /> </td> 

最后，你应该用你的点击方法，每一行中更新模型：

$scope.pushval = function (first,last,email) 
     { 
      $scope.firstname = first; 
      $scope.lastname = last 
      $scope.email = email; 

     } 

我想建议你一个ng-click方法： 你的ng-click应该是：

pushval(i) //it's good to pass object and get property value from object in controller 

和你pushval的方法是这样的：

$scope.pushval = function (myRow) 
     { 
      $scope.firstname = myRow.firstName; 
      $scope.lastname = myRow.lastName; 
      $scope.email = myRow.email1.value; 

     }