Angular 2中的類模型不起作用

Question

我有一個小問題。

我聲明了一個ITask類。

然后將其導入component CreateTask。 創建一個變量taskSend = new ITask（）;

並將其記錄在ngOnInit（）中， 它沒有ITask類的某些屬性。

在視圖中有一些錯誤： CreateTaskComponent.html:9 ERROR TypeError: Cannot read property 'Name' of undefined

更新：

文件create-task.component.html

<div class="create-task-page container mt-4">
  <div class="d-block my-3">
    <h2 class="page-title my-3">{{ 'PAGES.TASK.HEADING.CREATE_TASK' | translate }}</h2>
  </div>
  <section class="mt-3">
    <form>
      <div class="form-group">
        <label for="task_name">{{ 'PAGES.TASK.LABEL.TASK_NAME' | translate }}</label>
        <input type="text" class="form-control" id="task_name" aria-describedby="taksHelp" [(ngModel)]="taskSend.task.Name" placeholder="{{ 'PAGES.TASK.PLACEHOLDER.TASK_NAME' | translate }}">
        <small id="taksHelp" class="form-text text-muted">{{ 'PAGES.TASK.HINT.TASK_NAME' | translate }}</small>
      </div>
      <div class="form-group">
        <label for="description">{{ 'PAGES.TASK.LABEL.DESCRIPTION' | translate }}</label>
        <td-text-editor value="content" [options]="options"></td-text-editor>
      </div>
      <div class="form-group">
        <label for="tags">{{ 'PAGES.TASK.LABEL.TAGS' | translate }}</label>
        <input type="text" class="form-control" id="tags" placeholder="{{ 'PAGES.TASK.PLACEHOLDER.TAGS' | translate }}" />
      </div>
      <button type="submit" class="btn btn-primary">{{ 'SYSTEM.ACTIONS.LABEL.SUBMIT' | translate }}</button>
    </form>
  </section>
</div>

Answer 1

讀取錯誤。 “名稱”是ITaskModel的屬性，而ITask就是該類型的屬性。 在ITask上，使用構造函數實例化您還定義的其他類。

https://www.typescriptlang.org/docs/handbook/classes.html

Answer 2

您的iTask類不包含名為Name的屬性。 但是您正在嘗試在html中訪問它。 在線號 9

[(ngModel)]="taskSend.task.Name"

這就是問題。 要解決該問題，可以將Name屬性添加到iTask或更改ngModel綁定變量。