Angular 角度形式给出了一个错误，称为_co.SERVICE未定义“；

我试图从一个角度向firebase项目发送数据，在这里我得到了这个特殊的错误

这是包含表单的组件的html部分

<form #form="ngForm" autocomplete="off"> 

              <div class="form-row">
                <div class="input-group form-group-no-border col-lg-6">
                  <input type="text" name=FirstName #FirstName="ngModel" [(ngModel)]="sevice.formData.FirstName" class="form-control" placeholder="First Name..." required />
                </div>
                <div class="input-group form-group-no-border input-lg col-lg-6">
                  <input type="text" name=LastName #LastName="ngModel" [(ngModel)]="sevice.formData.LastName" class="form-control" placeholder="Last Name..." required />
                </div>
              </div>

              <div class="input-group form-group-no-border input-lg">
                <input type="text" name=Email #Email="ngModel" [(ngModel)]="sevice.formData.Email" class="form-control" placeholder="Email Address..." required />
              </div>
              <div class="input-group form-group-no-border input-lg">
                  <input type="password" name=Password #Password="ngModel" [(ngModel)]="sevice.formData.Password" placeholder="Password..." class="form-control" required />
              </div>
              <div class="input-group form-group-no-border input-lg">
                <input type="password" placeholder="Re-Enter Password..." class="form-control" required />
              </div>

              <div class="footer text-center">
                  <button type="submit" class="btn btn-block btn-round btn-lg btn-info"> Get Started</button>
              </div>  

            </form>

这是服务代码

import { Injectable } from '@angular/core';
import { Authentication } from './authentication.model'; 

@Injectable({
  providedIn: 'root'
})
export class AuthenticationService {
  formData :  Authentication;

  constructor() { }
}

最后是服务模型类

export class Authentication {
    FirstName : string ;
    LastName : String ;
    Email : string ;
    Password : string ;
}

---

如果我不清楚，我很抱歉。如果有人能帮我解决这个问题，那就太好了。

如果您查看组件的构造函数，您将服务设置为私有变量，因此除非您将其设置为public，否则您将无法从模板访问它。那是一个。 现在，如果您查看错误，您还将注意到模板中的服务拼写错误，而是编写了服务。我认为如果你能解决这两件事，它应该会起作用

---

正如评论中提到的，我也不认为这样公开服务是一种好的做法。您应该收集组件中的数据（电子邮件、密码等），然后通过单击事件或类似方式将其发送到服务。

您不能使用模板上的服务。只需在组件上创建一个新的身份验证对象，并在表单提交时将其设置为您的服务。是的，这样做很好。非常感谢，非常感谢。我还创建了一个新的身份验证对象，通过修复您发现的错误，它工作得很好。再次感谢

export class Authentication {
    FirstName : string ;
    LastName : String ;
    Email : string ;
    Password : string ;
}