TypeScript common.FormBuilder類代碼示例

本文整理匯總了TypeScript中@angular/common.FormBuilder類的典型用法代碼示例。如果您正苦於以下問題：TypeScript FormBuilder類的具體用法？TypeScript FormBuilder怎麽用？TypeScript FormBuilder使用的例子？那麽, 這裏精選的類代碼示例或許可以為您提供幫助。

在下文中一共展示了FormBuilder類的10個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。

示例1: constructor

  constructor() {
    super();

    let fb = new FormBuilder()
    this.partyForm = fb.group({
      name: ['', Validators.required],
      description: ['', Validators.required],
      location: ['', Validators.required]
    });
  }

開發者ID:Hongbo-Miao，項目名稱:angular2-meteor-universal，代碼行數:10，代碼來源:party-form.ts

示例2: constructor

  constructor(private productService: ProductService) {
    this.categories = this.productService.getAllCategories();

    const fb = new FormBuilder();
    this.formModel = fb.group({
      'title': [null, Validators.minLength(3)],
      'price': [null, positiveNumberValidator],
      'category': ['']
    })
  }

開發者ID:Singulus2，項目名稱:medi，代碼行數:10，代碼來源:search.ts

示例3: constructor

 constructor(fb: FormBuilder) {
     this.interviewForm = fb.group({
         interview: fb.group({
             candidate: fb.group({
                 firstName: ['', Validators.required],
                 lastName: ['', Validators.required]
             })
         })
     })
 }

開發者ID:Anhmike，項目名稱:RecruitX-Frontend-Angular2，代碼行數:10，代碼來源:newInterview.component.ts

示例4: constructor

  constructor(private router: Router) {
    super();

    let fb = new FormBuilder();

    this.forgetForm = fb.group({
      email: ['']
    });

    this.error = '';
  }

開發者ID:Feldor，項目名稱:society，代碼行數:11，代碼來源:forget.ts

示例5: constructor

  constructor(params: RouteParams) {
    var partyId = params.get('partyId');
    this.party = Parties.findOne(partyId);

    let fb = new FormBuilder();
    this.partyForm = fb.group({
     name: [''],
     description: [''],
     location: ['']
    });
  }

開發者ID:ijager，項目名稱:Socially-Step8，代碼行數:11，代碼來源:party-details.ts

示例6: constructor

 constructor() {
   const fb = new FormBuilder();
   this.formModel = fb.group({
     'username': ['', Validators.required],
     'ssn': ['', ssnValidator],
     'passwordsGroup': fb.group({
       'password': ['', Validators.minLength(5)],
       'pconfirm': ['']
     }, {validator: equalValidator})
   });
 }

開發者ID:AviFix，項目名稱:angular2typescript，代碼行數:11，代碼來源:07_form-builder.ts

示例7: constructor

  constructor(private router: Router) {
    super();

    let fb = new FormBuilder();

    this.recoverForm = fb.group({
      email: ['', Validators.required]
    });

    this.error = '';
  }

開發者ID:DavyDuDu，項目名稱:meteor-angular2.0-socially，代碼行數:11，代碼來源:recover.ts

示例8: constructor

  constructor(private router: Router) {
   // super();

    let fb = new FormBuilder();

    this.signupForm = fb.group({
      email: ['', Validators.required],
      password: ['', Validators.required]
    });

    this.error = '';
  }

開發者ID:Anhmike，項目名稱:angular2-shop，代碼行數:12，代碼來源:signup.ts

示例9: constructor

  constructor(private router: Router) {
    super();

    let fb = new FormBuilder();

    this.loginForm = fb.group({
      username: [''],
      password: ['']
    });

    this.error = '';
  }

開發者ID:Feldor，項目名稱:society，代碼行數:12，代碼來源:login.ts

示例10: ngOnInit

 ngOnInit() {
   this.form = this.formBuilder.group({
     committeeYear: ['', Validators.required],
     newMember: this.formBuilder.group({
       name: ['', Validators.required]
     })
   });
   this.organogramId = this.routeSegment.getParam('organogramId');
   this.committeeYear = '';
   this.newMember = {name: ''};
 }

開發者ID:ohanspace，項目名稱:ng2-badhan-web，代碼行數:11，代碼來源:committee-create.component.ts

注：本文中的@angular/common.FormBuilder類示例由純淨天空整理自Github/MSDocs等開源代碼及文檔管理平台，相關代碼片段篩選自各路編程大神貢獻的開源項目，源碼版權歸原作者所有，傳播和使用請參考對應項目的License；未經允許，請勿轉載。