2番目のng-modelが挿入された値を返さないのはなぜですか？

Question

私はこのコードをtextarea1とtextarea2で持っています。私の問題は、textarea2のng-modelを操作できませんでした。私はtextarea2で何かを変更した場合

...何事もなかった

誰もが、私はこの問題を把握することができますか？ありがとう。

これまでに行ったコードが表示される場合があります。

var myApp = angular.module('myApp',[]); 
 

 
//myApp.directive('myDirective', function() {}); 
 
//myApp.factory('myService', function() {}); 
 

 
function MyCtrl($scope) { 
 
$scope.model1 = "Test1"; 
 
    $scope.catch = function(model1) 
 
    { 
 
    $scope.model2 = model1; 
 
    } 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js"></script> 
 
<div ng-app="myApp"> 
 
<div ng-controller="MyCtrl"> 
 
    Textarea 1 
 
    <textarea onkeypress="{{catch(model1)}}" ng-model="model1"></textarea> 
 
    
 
    <br/> 
 
    Text area 2 
 
    <textarea ng-model="model2"></textarea> 
 
    
 
    <hr/> 
 
    Textarea1: {{model1}} <br/> 
 
    Textarea2: {{model2}} 
 
</div> 
 

 
</div>

Answer 1

あなたはng-changeためonkeypressを変更することはできますか？

var myApp = angular.module('myApp',[]); 
 

 
//myApp.directive('myDirective', function() {}); 
 
//myApp.factory('myService', function() {}); 
 

 
function MyCtrl($scope) { 
 
$scope.model1 = "Test1"; 
 

 
    $scope.catch = function(model1) 
 
    { 
 
    $scope.model2 = model1; 
 
    } 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js"></script> 
 
<div ng-app="myApp"> 
 
<div ng-controller="MyCtrl"> 
 
    Textarea 1 
 
    <textarea ng-change="catch(model1)" ng-model="model1"></textarea> 
 
    
 
    <br/> 
 
    Text area 2 
 
    <textarea ng-model="model2"></textarea> 
 
    
 
    <hr/> 
 
    Textarea1: {{model1}} <br/> 
 
    Textarea2: {{model2}} 
 
</div> 
 

 
</div>