DOMException：Angular 中的“字符串包含无效字符”答案

【问题标题】：DOMException: "String contains an invalid character" in AngularDOMException：Angular 中的“字符串包含无效字符”
【发布时间】：2020-01-29 21:27:37
【问题描述】：

employee.service 文件：

import { Injectable } from '@angular/core';
import { Empolyee } from './empolyee.model';

@Injectable({
  providedIn: 'root'
})
export class EmpolyeeService {
  formData: Empolyee;
  constructor() { }
}

empdata.component 文件：

import { Component, OnInit } from '@angular/core';
import { EmpolyeeService } from 'src/app/shared/empolyee.service';

@Component({
  selector: 'app-empdata',
  templateUrl: './empdata.component.html',
  styleUrls: ['./empdata.component.css']
})
export class EmpdataComponent implements OnInit {

  constructor(private service:EmpolyeeService) { }

  ngOnInit() {
  }

}

empdata.component:

<form #form="ngForm">
<div class="form-group">
    <label>Name</label>
    <input type="text" [(ngModel)}="service.formData.name" class="form-control">
</div>
<div class="form-group">
    <label>Emp Code</label>
    <input type="text" [(ngModel)]="service.formData.empcode" class="form-control">
</div>
<div class="form-group">
    <label>Mobile</label>
    <input type="number"[(ngModel)]="service.formData.mobile" class="form-control">
</div>
<div class="form-group">
    <label>Role</label>
    <input type="text" [(ngModel)]="service.formData.role" class="form-control">
</div>
<div class="form-group">
    <input type="submit" value="Submit" class="btn btn-lg">
</div>
</form>

型号：

export class Empolyee {
    empid:number;
    name:string;
    empcode:string;
    mobile:number;
    role:string;
}

我收到了这个错误：

[WDS] 断开连接！ vendor.js:112996:9

ERROR DOMException: "String contains an invalid character" EmpdataComponent.ngfactory.js:29:12

错误上下文对象{视图：{…}，nodeIndex：8，nodeDef：{…}，elDef：{…}，elView：{…}} EmpdataComponent.ngfactory.js:29:12

DOMException: "字符串包含无效字符" main.js:442:27

【问题讨论】：

标签： angular

【解决方案1】：

模板中有太多语法错误。间距和错误的括号结尾导致错误。

<input type="number"[(ngModel)]="service.formData.mobile" class="form-control">

type="number" 和 [(ngModel)]="service.formData.mobile" 之间需要一个空格：

<input type="number" [(ngModel)]="service.formData.mobile" class="form-control">

还有这里：

 <input type="number" [(ngModel)]="service.formData.mobile" class="form-control">

替换这个（错误的括号结尾@987654326@）：

<input type="text" [(ngModel)}="service.formData.name" class="form-control">

与：

<input type="text" [(ngModel)]="service.formData.name" class="form-control">

【讨论】：