Форма автопопуляции в Angular Js

Я пытаюсь найти способ заполнить группу форм с текстом, нажав кнопку. Для этого я использую angularJs, JQuery, jsPDF и html. Данные будут частично предварительно отформатированы, например. «Спасибо, что присоединились к нам, потому что любые вопросы вызывают это число», а также содержать данные JSON, например. «Кому, {{client.name}}». Вот HTML для формы группы:Форма автопопуляции в Angular Js

`<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>

Вот мой контроллер для клиента info:

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"); 
});

Однако, к сожалению, я немного потерялся относительно сценария, используемого для реализации такого. Я считаю, что вам нужно будет найти идентификатор формы, а затем вставить данный текст. Я не ищу, чтобы кто-нибудь написал сценарий для меня, но предлагал способы, директивы и т. Д. Использовать.

источник

2016-06-07 Aaron Oberländer

Где данные, которые, как предполагается, чтобы заполнить форму? –

Данные будут частично предварительно отформатированы, например. «Спасибо, что присоединились к нам», а также содержать данные JSON, например. «Кому, {{client.name}}». –

Я подозреваю, что никто не сможет ответить на ваш вопрос так мало кода для обзора. Вам нужно включить контроллер js, где отображаются ваши данные. Это HTTP-вызов? Является статическим? Вам нужно предоставить гораздо больше, чем вы до сих пор. Я постараюсь вам помочь, но я не могу предложить какую-либо помощь, так мало информации. –

Угловой путь:

Plunker

Я сделал еще один пример в JQuery, по нажатию кнопки, получить данные в формате JSON, и установить значение текстового поля, см 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); 
    }); 
    }); 
});

источник

2016-06-07 22:35:17

OP прилагается AngularJS в теге. Если это так, использование jQuery для управления DOM не является хорошей практикой в AngularJS. – Win

Я сделал еще один пример в угловом –

Чтобы реализовать несколько кнопок, могу ли я дать каждой кнопке идентификатор и поставить: $ ('buttonid'). On ('click', function() {.....? –

Форма автопопуляции в Angular Js

ответ

Смежные вопросы