ng-change在AngularJS应用程序中不起作用

ng-change not working in angularjs app

本文关键字：不起作用 应用程序 AngularJS ng-change      更新时间：2023-09-26

我有两个文本区域，我想使用第一个上的内容来更新第二个，用户使用 ng-change 单击文本区域。Bt 当我单击文本区域时，没有进行任何更新。下面是两个文本区域

<textarea ng-change="content=emojiMessage.messagetext | colonToCode" placeholder="emoji..." ng-bind="emojiMessage.messagetext | colonToCode" id="messageInput"></textarea>

    <input ng-hide="false" type="text" id="message" name="message" ng-model="content" value="{{content}}" />

可能出了什么问题？

现在代码片段改用 ng-focus，但具有相同的功能。

var app = angular.module('myApp', []);
app.filter('colonToCode', function(){
  return function (data) {
            return data + ' Something added by the filter';
        };
  });
app.controller('ctrl', function($scope, $filter) {
  $scope.content = 'Something';
  $scope.emojiMessage = {
    messagetext: 'smilie face'
  };
  
  $scope.setContent = function(text){
    $scope.content = $filter('colonToCode')(text);
  };
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp">
  <div ng-controller="ctrl">
    <textarea ng-focus="setContent(emojiMessage.messagetext)" placeholder="emoji..." ng-model="emojiMessage.messagetext" id="messageInput"></textarea>
    <input ng-hide="false" type="text" id="message" name="message" ng-model="content" value="{{content}}" /> 
  </div>
</div>

相关文章：