TypeScript forms.NgForm類代碼示例

 limpiarFormulario(form?: NgForm){
   //Si el formulario que le mando existe
   if(form){
     form.reset();
     this.userService.selectedUser= new User();
   }
 }

 resetForm(form?: NgForm) {
   if (form != null) {
     form.reset();
     this.teamService.selectedTeam = {
       $key: null,
       title: '',
       description: '',
     };
   }
 }

 addNewComment(form : NgForm){
   console.log(form);
   this.newComment = {
     stars : form.value.stars,
     author : form.value.author,
     body : form.value.body
   }
   console.log("Comments " + this.newComment);
   this.comments.push(this.newComment);
   form.reset();
 }

  resetForm(userForm?: NgForm){
    if(userForm){
      userForm.reset();
      this.userService.selectedUser = {
        $key: null,
        name: '',
        mail: ''
      };
    }

  }

 resetSchoolForm(schoolForm?: NgForm) {
   if (this.schoolService.selectedSchool.$key == null) {
     if (schoolForm != null)
       schoolForm.reset();
     this.schoolService.selectedSchool = {
       $key: null,
       name: '',
       EMIS: 0,
       tehsil: '',
       district: '',
       postOffice: ''
     }
     if (this.schoolService.selectedSchool.$key != null)
       alert('edit');
   }
 }

  hideDialog() {
   this.dialogDisplayed = false;
   if (this.editing) {
     this.refreshOnEdit(this.contact, this.selectedContact) // Refresh dataTable after company update
   }
   this.contactForm.resetForm();
 }

    /**
     * Reply
     */
    reply(event): void
    {
        event.preventDefault();

        if ( !this._replyForm.form.value.message )
        {
            return;
        }

        // Message
        const message = {
            who    : this.user.id,
            message: this._replyForm.form.value.message,
            time   : new Date().toISOString()
        };

        // Add the message to the chat
        this.chat.dialog.push(message);

        // Reset the reply form
        this._replyForm.reset();

        // Update the server
        this._chatPanelService.updateChat(this.chat.id, this.chat.dialog).then(response => {

            // Prepare the chat for the replies
            this._prepareChatForReplies();
        });
    }

 changeForm() {
   this.singUPForm.setValue({
     userInformation: {
       userName: 'John_Doe',
       email: 'john@doe.com',
     },
     password: 'somePass',
     showPassword: 'true'
   });
 }

    private navigateToSelectedIndex() {
        const optionalParams = {
            index: this.state.getIndex()
        };

        this.stopRestTimer();
        this.alarm.pause();
        this.workoutForm.resetForm();
        this.router.navigate(['workouts', this.workout.workoutId, optionalParams]);
    }

 this._taskService.addDish(newDish.value).subscribe(data => {
   if (data['Status'] == true){
     console.log(data['Status'])
     console.log("successfully added", data)
     newDish.reset();
     this.showDish();
   } else {
     console.log(data)
     this.msg = data['Error']
   }
 })