Angular2-仅允许在输入中输入字母字符

Question

我是新手，Angular2似乎无法在任何地方找到我的答案。我有一个input（如下所示），但我只希望它允许以下操作：

• AZ
• z
• '
• --
• [空间]

我不知道该怎么做。我已经试过ng-pattern="/^[a-zA-Z\s]*$/"，pattern="/^[a-zA-Z\s]*$/"和ng-pattern-restrict="/^[a-zA-Z\s]*$/"。

的HTML

<td>
    <md-input-container>
        <input mdInput [(ngModel)]="details.firstName" placeholder="First name(s)" ng-pattern="/^[a-zA-Z\s]*$/">
    </md-input-container>
</td>

理想情况下，如果用户输入数字字符，我希望以太坊希望自己将其删除或只允许其在字段中显示（不显示）

Answer 1

我的解决方法是在我的组件中进行

firstName: ['', Validators.pattern('^[a-zA-Z \-\']+')],

Answer 2

角度反应形式验证-仅接受字母和空格。

firstName: [
        '',
        [
          Validators.required,
          Validators.maxLength(50),
          Validators.pattern('^[a-zA-Z ]*$')
        ]
      ],