Question

我试图找到一种方法，只需单击按钮就可以填充带有文本的表单组。我正在使用angularJs，JQuery，jsPDF和html。数据将部分预格式化，例如，＆＃34;感谢您加入我们，如果有任何问题请拨打此号码＆＃34;，并且还要包含JSON数据，例如：＆＃34; To，{{client.name}}＆＃34;。这是表单组的html：

`<div class="form-group">
 <label class="control-label" for="flyer-description">Description</label>
 <textarea class="form-control" id="flyer-description"   placeholder="Insert a short description taking care of the available space">This is where Header, Body, and Footer of Letter Go! Please click corresponding button to fill this area.</textarea>
 </div>`

我想在点击事件中使用此按钮，用所需文字填充此文本区域：

<tr><td><a ng-href="" class="btn btn-primary">Client Welcome </a></td>

这是我的客户信息控制器：

function ClientCtrl($scope, $http) {
$scope.clients = [];
$http.get('/client').success(function(data, status, headers, config) {
    $scope.clients = data;
    if (data == "") {
        $scope.clients = [];
    }
}).error(function(data, status, headers, config) {
    console.log("Ops: could not get any data");
});

然而，不幸的是，我对于用于实现此类的脚本有点遗失。我相信你需要找到表单的id，然后插入一个给定的文本。我不是在寻找任何人为我编写脚本，而是建议使用方法，指令等。

Answer 1

Angular方式：

Plunker

我在jquery中做了另一个例子，点击按钮，获取json数据，并设置textarea的值，请参阅plunker查看工作代码：

Plunker

<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8" />
    <title></title>
    <link rel="stylesheet" href="style.css" />
    <script data-require="jquery" data-semver="2.2.0" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
    <script src="script.js"></script>
  </head>

  <body>
    <textarea></textarea>
    <button>Client Welcome</button>
  </body>

</html>

$(function() {
  $('button').on('click', function() {
    $.getJSON('test.json', function(data) {
      $('textarea').val('Thank you for joining us, for any questions call this number, to ' + data.name);
    });
  });
});

在Angular Js中自动填充表格

1 个答案: