Question

我正在尝试这样做，以便我的表单中所需的输入不会通过验证，除非在值中有至少一个非空白字符，但由于某种原因，验证永远不会通过。我错过了一个导入还是什么？

模板：

<form #createForm='ngForm'>
    <input type='text' required pattern='[/S]+' name='projectName' [(ngModel)]='projectName' placeholder='Give your project a name...' class='focusOnMe'>
</form>

组件：

import {
  Component,
  ElementRef
} from '@angular/core';

Component({
  selector: 'cmg-modal-create',
  template: require('./modals.create.html')
})

export class ModalCreateComponent extends CreateModal {
    ...
}

模块：

@NgModule({
  declarations: [
    ModalCreateComponent
    ...
  ],
  exports: [
    ...
  ],
  imports: [
    CommonModule,
    FormsModule,
    ...
  ]
})

Answer 1

使用自定义验证查看此代码示例： https://github.com/Farata/angular2typescript/blob/master/chapter7/form-samples/app/06_custom-validator-directive.ts

Answer 2

看起来正则表达式没有像我预期的那样工作。我最终得到了这种模式，说第一个字符不能是空格。我想更新它，只要在它之后有另一个字符，第一个字符可以是空格，但我一直无法弄明白。

flex: 1 1 their basis size;

Angular 2 RC.6表格输入图案永远不会通过

2 个答案: