将一个字符附加到文本框中Angularjs

Question

我想追加“|”管道符号到按钮单击上的文本框。使用此方法。

$scope.appendPipe = function(){
        var $textBox = $( '#synonyms' );
        $textBox.val($textBox.val()+'|');
        //textBox.value += ' |';
        textBox.focus();
 } 

所以在一个字符后面，管道符号会被附加到文本框上，但当我使用

检查文本框的值时

  

$ scope.template.synonyms

我没有得到管道符号。

Answer 1

因为您正在混合jquery和AngularJS。不要混合它。

如果由jQuery完成，AngularJS不知道您所做的更改。查看$digest以获取参考。在textarea上使用ng-model

<textarea ng-model="template.synonyms" ></textarea>

然后在controller

中访问它

$scope.appendPipe = function(){ 
   console.log($scope.template.synonyms);
   $scope.template.synonyms = $scope.template.synonyms+'|'
}