• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

TypeScript common.FormBuilder类代码示例

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

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



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

示例1: constructor

 constructor(fb: FormBuilder) {
   this.form = fb.group({
    oldPassword: ['', Validators.required],
    newPassword: ['', Validators.compose([Validators.required, PasswordValidators.passwordComplexity])], 
    confirmPassword: ['', Validators.required] 
   }, { validator: PasswordValidators.unmatchingPasswords });
 }
开发者ID:fox-eye,项目名称:angular2-udemy-mosh,代码行数:7,代码来源:change-password-form.component.ts


示例2: constructor

 constructor(fb: FormBuilder) { 
     this.myFrom = fb.group({
         name: "Arsalan",
         age: 24,
         email: "[email protected]"
     })
 }
开发者ID:MOHAMMADArsalan,项目名称:NG2BOOK,代码行数:7,代码来源:app.component.ts


示例3: constructor

    /**
     * The Add-Folder modal
     * @param {NavParams} contains data passed from the caller (under
     * navParams.data.parentItems).
     * @param {viewController} used to dismiss this modal with data to
     * return to the caller.
     * @param {FormBuilder} used to build the form of this modal.
     */
    constructor(
        private navParams: NavParams,
        private viewController: ViewController,
        private formBuilder: FormBuilder
    ) {
        // passed in a string with the parent path in it
        this.parentPath = navParams.data.parentPath;

        let hasSlash = (control: Control): ValidationResult => {
            console.log('HS validator control.value: ' + control.value);
            if (control.value !== '' && control.value.indexOf('/') !== -1) {
                return { hasSlash: true };
            }
            return null;
        };

        let alreadyExists = (control: Control): ValidationResult => {
            if (control.value === '') {
                // alert('did not expect control.value to be empty');
                return null;
            }

            if (!(this.navParams &&
                this.navParams.data &&
                this.navParams.data.parentItems &&
                Object.keys(this.navParams.data.parentItems).length)) {
                // nav params have not been sent yet or they are empty
                return null;
            }
            // for non empty control.value (which carries the string
            // that was added on the input line), check that it isn't
            // already in this.navParams.data.parentItems, but we have
            // to search it by name
            let newName: string = control.value,
                parentItems: { [id: string]: TreeNode } =
                    this.navParams.data.parentItems,
                parentKeys: string[] = Object.keys(parentItems),
                key: number;
            for (key = 0; key < parentKeys.length; key++) {
                let parentKey: string = parentKeys[key];
                if (newName === parentItems[parentKey].name) {
                    return { alreadyExists: true };
                }
            }
            return null;
        };

        this.nameControl = new Control(
            '',
            Validators.compose([
                Validators.required,
                alreadyExists,
                hasSlash
            ]));

        this.form = formBuilder.group({
            nameControl: this.nameControl
        });
    }
开发者ID:factorypreset,项目名称:ionic-recorder,代码行数:67,代码来源:add-folder.ts


示例4: constructor

 constructor(private _dialogService: DialogService,
     private _empTimeSheetService: EmployeeTimeSheetService,
     private _fb: FormBuilder) {
     this._form = _fb.group({
         
     });
     this._date = new Date();
 }
开发者ID:lnaie,项目名称:Tailor,代码行数:8,代码来源:employees-time-sheets.component.ts


示例5: constructor

 constructor(viewCtrl: ViewController, form: FormBuilder) {
   this.viewCtrl = viewCtrl;
   this.projectForm = form.group({
     name: ['', Validators.required],
     description: ['', Validators.required],
     tags: ['', Validators.required]
   });
 }
开发者ID:CompassSoftware,项目名称:xpsp,代码行数:8,代码来源:create-project.mod.ts


示例6: constructor

 constructor(fb: FormBuilder) {
     this.form = fb.group({
         username: ['', Validators.compose([Validators.required, 
         UsernameValidators.cannotContainSpace]),
         UsernameValidators.shouldBeUnique],
         password: ['', Validators.required]
     })
 }
开发者ID:zinyando,项目名称:learning-ng,代码行数:8,代码来源:login-form.ts


示例7: constructor

 constructor(public http: Http, fb: FormBuilder){
     this.myForm = fb.group({
         'sku': ['ABC123', Validators.required],
         'sku1': ['ABC123', Validators.required]
     });
     
     this.sku = this.myForm.controls['sku'];
 } 
开发者ID:HansS,项目名称:Teaching-Ionic-MeanStack-SSUET-2015-May-ModuleB,代码行数:8,代码来源:app.ts


示例8: buildForm

  buildForm(): void {
    this.newTodo = new Control('', Validators.required);

    this.myForm = this.fb.group({
      'newTodo': this.newTodo
    });
  }
开发者ID:jollivetc,项目名称:ng2_play,代码行数:7,代码来源:todo.ts


示例9: toControlGroup

  toControlGroup(questions:QuestionBase<any>[] ) {
    let group = {};

    questions.forEach(question => {
      group[question.key] = question.required ? [question.value || '', Validators.required] : [];
    });
    return this._fb.group(group);
  }
开发者ID:BaronVonPerko,项目名称:angular.io,代码行数:8,代码来源:question-control.service.ts


示例10: ngOnInit

 ngOnInit() {
     this.form = this._fb.group({
         "firstName": ["", Validators.compose([Validators.required])],
         "lastName":  ["", Validators.compose([Validators.required])],
         "email":     ["", Validators.compose([Validators.required, FormValidator.emailValidator])],
         "password":  ["", Validators.compose([Validators.required, FormValidator.passwordValidator])]
     });
 }
开发者ID:,项目名称:,代码行数:8,代码来源:



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


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
TypeScript common.Validators类代码示例发布时间:2022-05-25
下一篇:
TypeScript common.ControlGroup类代码示例发布时间:2022-05-25
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap