Как редактировать значение текстовой области, используя другую текстовую область?

Question

У меня есть одно поле Textarea, имеющее значение «некоторый начальный контент». Я хочу отредактировать его значение с помощью другого поля Textarea

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.myParagraphContent = "Some{{SecondTextareaContent}} initial content.";
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">

<p>{{myParagraphContent}}</p>

<textarea ng-model="SecondTextareaContent"></textarea>
<textarea ng-model="myParagraphContent"></textarea>

</div>

Answer 1

Обновление

Вместо этого вы можете использовать ngChange. Проверьте демо здесь

Для части Javascript:

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
     $scope.SecondTextareaContent = '';
     $scope.myParagraphContent = 'Some initial content.';
     $scope.onChange = function() {
        $scope.myParagraphContent = 'Some ' + $scope.SecondTextareaContent + ' initial content.';
     };
});

Для части HTML:

<textarea ng-model="SecondTextareaContent" ng-change="onChange()"></textarea>
<textarea ng-model="myParagraphContent"></textarea>

---

Старый ответ

Для части Javascript:

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
     $scope.SecondTextareaContent = '';
     $scope.myParagraphContent = 'Some initial content.';
     $scope.onKeyDown = function() {
        $scope.myParagraphContent = 'Some ' + $scope.SecondTextareaContent + ' initial content.';
     };
});

Для части HTML:

<textarea ng-model="SecondTextareaContent" ng-keydown="onKeyDown()"></textarea>
<textarea ng-model="myParagraphContent"></textarea>

Answer 2

вы можете сделать что-то вроде этого;

<div ng-app="myApp" ng-controller="myCtrl">

<p>{{myParagraphContent}}</p>

<textarea ng-model="SecondTextareaContent" ng-change='myParagraphContent=SecondTextareaContent'></textarea>
<textarea ng-model="myParagraphContent"  ></textarea>

</div>

также, если вы хотите в ng-change, вы можете использовать некоторую функцию для выполнения.

Answer 3

Я пытался тебя понять. что-то подобное?

const txt = document.querySelectorAll(".txt");
const setValue = () => {
  txt[1].value = txt[0].value;
}
txt[0].addEventListener("input", setValue, false); 

<textarea class="txt"></textarea>
<textarea class="txt"></textarea>