Форум

Meattale · #1 (**permalink**) 25.01.2017, 18:51

здравствуйте, подскажите, пожалуйста.
Есть Скрипт

<!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 другой формы

destus · #2 (**permalink**) 25.01.2017, 19:12

Meattale,
Решается оберткой в виде одного контроллера для форм и пробросом нужной части состояния в textarea.

Можно еще через иерархию скоупов...но не делай так.

Meattale · #3 (**permalink**) 25.01.2017, 19:36

Сообщение от destus

Meattale,
Решается оберткой в виде одного контроллера для форм и пробросом нужной части состояния в textarea.

Можно еще через иерархию скоупов...но не делай так.

Можно маленький пример, пожалуйста. Я не очень хорошо знаю Ангуляр

Только учусь

destus · #4 (**permalink**) 26.01.2017, 06:55

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

Форум

Справочник

Discord чат

Курсы javascript