形式为角度的模型属性“名称”中的奇怪行为

时间:2017-11-29 14:02:20

标签: angular

我hava模特:

export class Sid {
  id: number;
  sid: string;
  name: string;
  describe: string;
}

并形成:

<div class="col-sm-8 col-md-8 col-lg-8 input-column">
    <input #name="ngModel" name="name" class="form-control" [(ngModel)]="sid.name" required minlength="4"/>
    <div class="error" *ngIf="name.touched || name.touched || name.submited">
    <div *ngIf="sid_name.errors?.required">This field is required</div>
    <div *ngIf="sid_name.errors?.minlength">Min length is set to 4</div>
</div>

和组件:

export class SidFormComponent {

  sid: Sid;

  constructor(@Inject('SidService') private sidService: SidService, route: ActivatedRoute) {
    // TODO get id for edit than
    this.sid = new Sid();
    console.log(this.sid);
    console.log(route);
  }

  save(sidForm) {
    if (sidForm.valid) {
      this.sidService.save(this.sid).subscribe();
      // TODO return to list
    }
  }

它创建了一个空Sid个对象并没有关系,该对象在name属性中包含对象名称。

enter image description here

在模型中:

export class Sid {
  id: number;
  sid: string;
  name: string;
  describe: string;
}
将sid。name属性更改为sid。sid_name

export class Sid {
  id: number;
  sid: string;
  sid_name: string;
  describe: string;
}

一切正常。

但我不想更改带有name属性的对象的REST。

某个地方我可能犯了一个错误,但我不知道在哪里。

0 个答案:

没有答案