>source

다음은 제 추가 기능code입니다.

export class AddTodoComponent implements OnInit {
 @Output() todoAdd: EventEmitter<Todo>= new EventEmitter();
 title!: string;
 desc!: string;
 constructor() { }
 ...
 onSubmit() {
   const todo= {
     title: this.title,
     desc: this.desc,
     date: Date.now().toString()
   }
   this.todoAdd.emit(todo);
 }
}

이제 title: this.title, desc: this.desc, date: Date.now().toString()에서 설명(desc)을 추가하지 않습니다.

다음은 상위 구성요소의 code입니다.

export class TodosComponent implements OnInit {
  todos:Todo[];
  constructor() {
    this.todos= []
  }
  ...
  addTodo(todo:Todo) {
    console.log(todo);
    this.todos.push(todo);
  }
}

예상대로 todo.title을 설정하고 있습니까? 그렇다면 view(html 파일)에서 title과 desc가 구현되는 방식에는 어떤 차이점이 있습니까?

andrew2021-09-26 10:33:28

{{todo.title}}

{{todo.desc}}

작성일: {{todo.date}} (IST 아님, 미국 시간)

이것은 할 일 목록 보기(기존 할 일 표시)를 위한 html처럼 보입니다. AddTodoComponent의 html을 의미합니다. 아마도 제목과 설명을 입력하기 위한 양식과 입력 텍스트 필드가 있을 것입니다.

andrew2021-09-26 10:50:48

@andrew는 어떻게 해야 할까요?

MK Motel Contact2021-09-26 10:52:44

add.todo.component.html을 표시해야 합니다. 여기에서 AddTodoComponent.title 및 AddTodoComponent.desc 필드가 설정되어 나중에 onSubmit 호출 중에 검색할 수 있습니다. 구성 요소 필드에 바인딩된

및 두 개의 요소가 있다고 가정합니다.

andrew2021-09-26 10:55:01
  • 이전 python : BlogSpot에 여러 블로그 게시물을 한 번에 업로드하는 방법은 무엇입니까?
  • 다음 javascript : 라우터에 반응하도록 정확히 할당하면 문제가 발생합니다.