将html模型值传递给服务

我想将位于app.component.html上的html ngModel值

传递给一个名为email.service.ts的服务。 在服务中，我有以下代码：

const apiEmail ='http://apilayer.net/api/check?access_key=key' +'&email=' +emailAddress;

我想动态地将

[（ngModel）]=“email”

值传递给

+emailAddress

，这样每当用户输入电子邮件地址时，就能够检查它是否存在

---

谢谢大家!

您可以轻松地为组件中的

email

属性定义一个setter，并在那里调用所需的服务方法

组件

private _email: string;

set email(email: string) {
  this._email = email;
  this.emailService.checkEmail(email);
}

get email() {
  return this._email;
}

---

将

电子邮件地址

更改为

电子邮件

谢谢

---

Danial

在文档中解释了ngModel的使用：）：然后可以将值发送到组件：它无法读取“email”[（ngModel）]=“email”在app.component.html上，变量“email”在app.component.ts上设置，常量apiEmail='+'和email='+emailAddress；在email.service.ts上