Передача данных полей формы в строку textarea
здравствуйте, подскажите, пожалуйста.
Есть Скрипт
<!DOCTYPE html>
<html data-ng-app="FormApp">
<head>
<title>title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="angular.js"></script>
<script src="jquery-3.1.1.js"></script>
</head>
<body>
<div>TODO write content</div>
<form data-ng-controller="SendDataCtrl">
<input id="os" ng-model="color.name" type="radio" name="answer" value="Операционная система">Операционная система<Br>
<input id="xz" ng-model="color.name" type="radio" name="answer" value="Большой полосатый мух">Большой полосатый мух<Br>
<select name="multipleSelect" id="multipleSelect" ng-model="data">
<option value="option-1">Option 1</option>
<option value="option-2">Option 2</option>
<option value="option-3">Option 3</option>
</select>
<input type="text" ng-model="text" name="text"><Br>
<textarea id="are" name="comment" cols="40" rows="3">{{ color.name + " " + data + " " + text}}</textarea><Br>
<button id="post">ok</button>
</form>
<script>
var FormApp = angular.module('FormApp',[]);
FormApp.controller('SendDataCtrl', function($scope){
$scope.Array = [50,100, 1000];
$scope.Select = function(item){
//alert(item);
$scope.test = item;
};
});
</script>
</body>
</html>
Вставляет выбраные/введенные данные в textarea. Вопрос в тос. Что он передает в textarea которая есть в этой форме. А как сделать так, чтобы данные формы передавались в textarea другой формы |
Meattale,
Решается оберткой в виде одного контроллера для форм и пробросом нужной части состояния в textarea. Можно еще через иерархию скоупов...но не делай так. |
Цитата:
|
<!DOCTYPE html>
<html data-ng-app="FormApp">
<head>
<title>title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.min.js"></script>
</head>
<body>
<div>TODO write content</div>
<div ng-controller="SendDataCtrl">
<p>Обёртка для двух форм</p>
<form>
<p style='font-weight: bold; height: 10px;'>Первая форма</p>
<input id="os" ng-model="color.name" type="radio" name="answer" value="Операционная система">Операционная система<Br>
<input id="xz" ng-model="color.name" type="radio" name="answer" value="Большой полосатый мух">Большой полосатый мух<Br>
<select name="multipleSelect" id="multipleSelect" ng-model="data">
<option value="option-1">Option 1</option>
<option value="option-2">Option 2</option>
<option value="option-3">Option 3</option>
</select>
<input type="text" ng-model="text" name="text"><Br>
<textarea id="are" name="comment" cols="40" rows="3">{{ color.name + " " + data + " " + text}}</textarea><Br>
<button id="post">ok</button>
</form>
<form>
<p style='font-weight: bold; height: 10px;'>Вторая форма</p>
<textarea id="are2" cols="40" rows="3">{{ color.name + " " + data + " " + text}}</textarea><Br>
</form>
</div>
<script>
var FormApp = angular.module('FormApp',[]);
FormApp.controller('SendDataCtrl', function($scope){
$scope.Array = [50,100, 1000];
$scope.Select = function(item){
//alert(item);
$scope.test = item;
};
});
</script>
</body>
</html>
|
| Часовой пояс GMT +3, время: 11:23. |