Javascript 角度2-从输入中删除字符

在Angular 2中是否仍然可以使用

ngModel

检测文本中删除的字符

我想要像这样的东西：

原文：

@Hello World

修改文本：
你好，世界

控制台日志

我在下面找到了一个关于Javascript和Jquery的很酷的例子，作者是Arie Xiao：


但是我想知道我是否可以使用Jquery之外的另一个东西，因为我发现Jquery在Angular 2中很难实现，我建议使用一个表单控制器来处理输入字段的更改。该代码段显示从输入字段添加或删除的字符。
查看my以查看正在运行的代码


@组件({
选择器：'应用程序根'，
模板：`
文本{textadd？“add”：“removed”}}:{{change}
`,
})
导出类应用程序{
形式；
文本添加；
text=“@Hello World！”；
初始值=假；
改变
恩戈尼尼特（）{
this.form=newformcontrol（{value:this.text，disabled:false}）；
this.form.valueChanges.subscribe（val=>{
让我们改变；
如果（val.length>this.text.length）{
变化=val；
for（让这个.text的变量）{
更改=更改。替换（变量“”）；
this.textadd=true；
}
}否则{
change=this.text；
for（val的let变量）{
更改=更改。替换（变量“”）；
this.textadd=false；
}
}
改变=改变；
this.text=val；
this.initial=true；
});
}
}
我建议使用表单控制器来处理输入字段的更改。该代码段显示从输入字段添加或删除的字符。
查看my以查看正在运行的代码


@组件({
选择器：'应用程序根'，
模板：`
文本{textadd？“add”：“removed”}}:{{change}
`,
})
导出类应用程序{
形式；
文本添加；
text=“@Hello World！”；
初始值=假；
改变
恩戈尼尼特（）{
this.form=newformcontrol（{value:this.text，disabled:false}）；
this.form.valueChanges.subscribe（val=>{
让我们改变；
如果（val.length>this.text.length）{
变化=val；
for（让这个.text的变量）{
更改=更改。替换（变量“”）；
this.textadd=true；
}
}否则{
change=this.text；
for（val的let变量）{
更改=更改。替换（变量“”）；
this.textadd=false；
}
}
改变=改变；
this.text=val；
this.initial=true；
});
}
}
创建两个变量，一个用于ngModel，另一个用于处理差异。。在
输入
中，您可以使用
（更改）
在
组件中执行一个方法
并处理差异。您不能只保留以前的值并在更改发生时比较更改的内容吗？您可以监听更改事件创建两个变量，一个用于ngModel，另一个用于处理差异。。在
输入
中，您可以使用
（更改）
执行
组件中的一个方法
并处理差异。您不能只保留以前的值，并在更改发生时比较更改的内容吗？您可以监听onChanges事件
Removed character: '@'