【表单数据同步问题 _angular基础】

表单数据同步问题

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(0)

angular基础

详细描述

截图

代码

import { ProductService } from './../Server/product.service';
import { Component, OnInit ,NgModule} from '@angular/core';
import{ FormGroup,FormControl,FormGroupName,FormsModule,ReactiveFormsModule, FormBuilder}  from "@angular/forms";

@Component({
  selector: 'app-search',
  templateUrl: './search.component.html',
  styleUrls: ['./search.component.scss']
})
@NgModule({
  imports: [
       Component,
      FormsModule,
      ReactiveFormsModule
         ],})
export class SearchComponent implements OnInit {
  
  formModel:FormGroup =new FormGroup({  
  dateRange:new FormGroup({
    from:new FormControl(),
    to:new FormControl,
  }
    
  )
 });
     cateories:string[];
  constructor(private productService:ProductService) { 
      let fb =new FormBuilder;
      this.formModel = fb.group({
        category:["-1" ]
      })
    }
    ngOnInit() {
      this.cateories = this.productService.getAllCategories();
    }
  onSubmit(){
    console.log(this.formModel.value);
  }
}

编辑于2024-11-23