当前位置: 首页>>代码示例>>TypeScript>>正文


TypeScript FormBuilder.group方法代码示例

本文整理汇总了TypeScript中angular2/common.FormBuilder.group方法的典型用法代码示例。如果您正苦于以下问题:TypeScript FormBuilder.group方法的具体用法?TypeScript FormBuilder.group怎么用?TypeScript FormBuilder.group使用的例子?那么恭喜您, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在angular2/common.FormBuilder的用法示例。


在下文中一共展示了FormBuilder.group方法的10个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的TypeScript代码示例。

示例1: constructor

    constructor(public http: Http, public fb: FormBuilder){

        this.myForm =  fb.group({
            sku: ['ABC123', Validators.required],
            sku1: ['ABC1234', Validators.required]
        });
        
        console.log(this.myForm.value)
        
    } 
开发者ID:HansS,项目名称:Teaching-Ionic-MeanStack-SSUET-2015-May-ModuleB,代码行数:10,代码来源:app.ts

示例2: constructor

    constructor(fb: FormBuilder, private dn: DonationService,
        private params: RouteParams, private rss: ReservationService,
        private router: Router) {

        this.form = fb.group({
            "description": ["", Validators.required]
        });

        this.donation = dn.getByTitle(decodeURIComponent(params.get("title")));
    }
开发者ID:MuhammedHasan,项目名称:comodo-intership-program-application-project,代码行数:10,代码来源:detail.component.ts

示例3: constructor

  constructor(private fb: FormBuilder, private translate: TranslateService) {
    this.translate = translate;
    this.authForm = fb.group({
      'username': ['', Validators.compose([Validators.required, Validators.minLength(8), this.checkFirstCharacterValidator])],
      'password': ['', Validators.compose([Validators.required, Validators.minLength(8), this.checkFirstCharacterValidator])]
    });

    this.username = this.authForm.controls['username'];
    this.password = this.authForm.controls['password'];
  }
开发者ID:quanganh206,项目名称:ionic2-kitchen-sink-ts,代码行数:10,代码来源:login.ts

示例4: constructor

	constructor(private router: Router) {
		let fb = new FormBuilder();
 
    	this.loginForm = fb.group({
	      email: ['',Validators.required],
	      password: ['',Validators.required]
	    });

	    this.error = '';
  }
开发者ID:adwaitsharma,项目名称:web-flashcards,代码行数:10,代码来源:login-form.ts

示例5: constructor

 constructor(fb: FormBuilder) {
     this.form = fb.group({
         // three args: default, validators, async validators.
         username: ['', Validators.compose([
             Validators.required,
             UsernameValidators.cannotContainSpace,
         ]), UsernameValidators.shouldBeUnique],
         password: ['', Validators.required]
     });
 }
开发者ID:lee-woodridge,项目名称:angular2-course,代码行数:10,代码来源:signup-form.component.ts

示例6: constructor

	constructor(fb: FormBuilder, public addressService: Addresses, private router: Router) {

		this.addressForm = fb.group({
			'mail': ['', Validators.compose([
						 Validators.required, mailValidator])],
			'firstName': ['', Validators.required],
			'lastName': ['', Validators.required],
			'country': ['', Validators.required]
		});
	}
开发者ID:szymon-wiatr,项目名称:angular2-address-book,代码行数:10,代码来源:index.ts

示例7: constructor

    constructor(private fb: FormBuilder) {
        this.email = new Control();

        this.aboutUsForm = fb.group({
            email: this.email
        });

        this.email.valueChanges
            .subscribe(value => this.data = value);
    }
开发者ID:BaliJS,项目名称:ng2-website-demo,代码行数:10,代码来源:contactus.component.ts

示例8: constructor

    constructor(fb: FormBuilder) {

        this.skuForm = fb.group({
            'sku': ['', Validators.compose([
                Validators.required, skuValidator
            ])]
        })

        this.sku = this.skuForm.controls['sku'];
    }
开发者ID:JackWCollins,项目名称:Angular-2-Forms,代码行数:10,代码来源:demo_form_with_custom_validations.ts

示例9: constructor

  constructor(formBuilder: FormBuilder, public nav: NavController, public events: Events, public http: HttpService, public menu: MenuController) {
    this.nav = nav;
    this.events = events;
    this.http = http;

    // Build login form with validators
    this.loginForm = formBuilder.group({
            username: ["", Validators.compose([Validators.required, ValidationService.emailValidator])],
            password: ["", Validators.required]
    });
  }
开发者ID:vmarchaud,项目名称:share_eat_mobile,代码行数:11,代码来源:login.ts

示例10: constructor

 constructor(fb: FormBuilder, private login: LoginService){
     this.form= fb.group({
        username:['',Validators.compose([
            Validators.required,
            UsernameValidators.cannotContainSpace
        ]),Validators.composeAsync([
            UsernameValidators.shouldBeUnique, 
            UsernameValidators.shouldNotBeEmpty])],
        password: ['',Validators.required]
     });
 }
开发者ID:cristianmurillo87,项目名称:cursoAngular2,代码行数:11,代码来源:sign-up.component.ts


注:本文中的angular2/common.FormBuilder.group方法示例由纯净天空整理自Github/MSDocs等开源代码及文档管理平台,相关代码片段筛选自各路编程大神贡献的开源项目,源码版权归原作者所有,传播和使用请参考对应项目的License;未经允许,请勿转载。