如何在单独的文件中使用 Ngmodel 的值来显示该值？

Question

我是 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}

          };
        }

Answer 1

正确的方法是像这样使用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}
      };
    }
  }