Javascript 在Angularjs中将字符追加到文本框

Javascript 在Angularjs中将字符追加到文本框,javascript,jquery,angularjs,Javascript,Jquery,Angularjs,我试图通过单击按钮将“|”管道符号附加到文本框中。使用这种方法 $scope.appendPipe = function(){ var $textBox = $( '#synonyms' ); $textBox.val($textBox.val()+'|'); //textBox.value += ' |'; textBox.focus(); } 因此,在一个字符之后,管道符号被附加到文本框上,但是当我使用 $scope.te

我试图通过单击按钮将“|”管道符号附加到文本框中。使用这种方法

$scope.appendPipe = function(){
        var $textBox = $( '#synonyms' );
        $textBox.val($textBox.val()+'|');
        //textBox.value += ' |';
        textBox.focus();
 } 
因此,在一个字符之后,管道符号被附加到文本框上,但是当我使用

$scope.template.synonyms


我没有得到管道符号。

因为您混合了
jquery
AngularJS
。别把它混在一起

如果您所做的更改是由jQuery完成的,那么AngularJS不知道您所做的更改。检查
$digest
以供参考。在文本区域使用ng型号

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

因为您正在混合
jquery
AngularJS
。别把它混在一起

如果您所做的更改是由jQuery完成的,那么AngularJS不知道您所做的更改。检查
$digest
以供参考。在文本区域使用ng型号

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

您是否忘记取消注释实际附加管道字符的代码行?不要混合使用jquery和angularJS。这是一个糟糕的做法,我们不能为此使用jQuery。你用的是角度。看看ngModel:解决方案:使用ngModel并删除与jQuery相关的任何内容。您是否忘记对实际附加管道字符的代码行进行注释?不要将jQuery和angularJS混合使用。这是一个糟糕的做法,我们不能为此使用jQuery。你用的是角度。看一看ngModel:解决方案:使用ngModel并删除与jQuery相关的任何内容。@AnmolKhandelwal:如果有效,请将其标记为答案,以便对其他人有帮助well@AnmolKhandelwal:如果有效,请将其标记为答案,以便对其他人也有帮助