我是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
/>
这是typescript代码
/**
* 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}
};
}
正确的方法是像这样使用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}
};
}
}