问题描述
我是 Angular 和 TypeScript 的新手。我已经定义了输入字段电话号码并在文本框中收集了它的值。现在我希望在向管理员发送电子邮件时显示该值。我尝试了下面的代码,但它不起作用。 它在连续集成时抛出错误 实例方法声明后不允许声明实例字段。相反,这应该出现在类/接口的开头 这是代码
<div class="text-input">
<label i18n="@@phoneNumberTitle" for="phoneNumber">i18n</label>
<input
id="phoneNumber"
autocomplete="off"
placeholder="@@placeholderphoneNumberTitle"
i18n-placeholder="@@placeholderphoneNumberTitle"
name="phoneNumber"
#phoneNumber="ngModel"
[(ngModel)] = "phone_number"
required
/>
这是打字稿代码
/**
* Call service to send notification via email to admin
*/
phone_number:any;
sendEmailToNotificateAdmin(user) {
const data = {
to: environment.adminemail,cc: '123vron@gmail.com',subject: 'A new user has registered',body: `
A new user has registered at XYB.
Phone Number: ${this.phone_number}
};
}
解决方法
正确的方法是像这样使用 template strings 和 backtick
:
const age = 2;
const message = `I am ${age} years old`.
在您的代码中,您使用括号,将其更改为大括号。
在 .ts 组件文件的某处,您应该有一个名为 phone_number
的变量以捕获输入。
@Component({...})
export class YourComponent implements OnInit {
phone_number: string;
constructor() {}
public ngOnInit(): void {}
sendEmailToNotificateAdmin(user) {
const data = {
to: environment.adminEmail,cc: '123vron@gmail.com',subject: 'A new user has registered',body: `
A new user has registered at XYB.
Phone Number: ${this.phone_number}
};
}
}