Angular 6 - 通过函数建立双向数据绑定的ngModel
创始人
2024-10-16 02:30:22
0

在Angular 6中,你可以通过函数建立双向数据绑定的ngModel。下面是一个包含代码示例的解决方法:

  1. 在你的组件类中,创建一个名为get的函数,它返回与ngModel绑定的值。例如,假设你要绑定一个输入框的值:
@Component({
  ...
})
export class YourComponent {
  inputValue: string = '';

  get inputModel() {
    return this.inputValue;
  }
}
  1. 在你的模板中,使用[ngModel]指令将输入框与这个函数绑定起来。同时,使用(ngModelChange)指令将输入框的变化传递给一个名为updateInputValue的函数。

  1. 在你的组件类中,创建一个名为updateInputValue的函数,它将输入框的变化更新到inputValue变量中。
updateInputValue(newValue: string) {
  this.inputValue = newValue;
}

这样,当输入框的值发生变化时,updateInputValue函数将被调用,并更新inputValue变量的值。同时,get函数将返回这个值,实现了双向数据绑定。

请注意,这个方法适用于Angular 6及更高版本。如果你使用的是较早的版本,可能需要使用其他解决方法。

相关内容

热门资讯

第十分钟辅助!如何下载wpk透... 第十分钟辅助!如何下载wpk透视版,pokerworld软件,策略教程(有挂分享)如何下载wpk透视...
九分钟辅助!wepoker辅助... 九分钟辅助!wepoker辅助真的假的,cloudpoker作弊,手筋教程(证实有挂)1、每一步都需...
第十分钟辅助!wejoker辅... 第十分钟辅助!wejoker辅助器怎么卖,wepoker免费透视脚本,窍门教程(有挂方式)1、进入游...
十分钟辅助!wepoker-h... 十分钟辅助!wepoker-h5下载,pokernow辅助控制,绝活教程(有挂实锤)1、点击下载安装...
5分钟辅助!aapoker辅助... 5分钟辅助!aapoker辅助器怎么用,wepoker模拟器哪个好用,模板教程(有挂辅助)wepok...
八分钟辅助!wpk官网下载链接... 八分钟辅助!wpk官网下载链接,wpk透视怎么安装,教程书教程(有挂分享)该软件可以轻松地帮助玩家将...
9分钟辅助!wepoker怎么... 9分钟辅助!wepoker怎么买辅助,wepoker安装教程,课程教程(有挂方略)1、wepoker...
第七分钟辅助!hh poker... 第七分钟辅助!hh poker插件下载,wepoker科技辅助器,教程书教程(有挂教程)wepoke...
三分钟辅助!hhpoker脚本... 三分钟辅助!hhpoker脚本下载,hhpoker辅助器,举措教程(有挂教程)三分钟辅助!hhpok...
第8分钟辅助!hhpoker的... 第8分钟辅助!hhpoker的辅助是真的吗,wepoker祈福有用吗,讲义教程(有挂解密)1、第8分...