如何使用另一个textarea编辑textarea值？

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。查看演示here

对于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>