Angular 6 url 模式验证器答案

【问题标题】：Angular 6 url pattern validatorAngular 6 url 模式验证器
【发布时间】：2018-06-21 12:33:30
【问题描述】：

在 Angular 6 的输入表单中，我想检查应该包含 Facebook url 的输入 url 是否真的是一个有效的 url，它包含字符串“facebook.com”或“fb.me”作为子字符串，如果是不是这种情况返回错误信息。

我坚持以下几点：

<div nxRow>
  <div nxCol="12">
    <nx-formfield nxStyle='negative' nxLabel="FACEBOOK">
      <input nxInput type="url" ng-model="facebook" pattern="^.*facebook.com*$/" value="{{facebook}}">
      <span nxFormfieldHint>
                  Link zur Facebook
              </span>
    </nx-formfield>
  </div>
</div>

【问题讨论】：

类似于：stackoverflow.com/a/13821385/7124761
您询问的是 Angular 6，但您的代码中有 AngularJS (1.x) 语法 - 您使用的是哪个版本？
Angular 6，我的问题是模式没有影响任何东西

标签： javascript angular pattern-matching

【解决方案1】：

您可以尝试在 * 之前添加一个点，例如 ^.*facebook.com.*$，以匹配任何字符零次或多次。

现在您正在重复m 零次或多次。

要检查字符串是否包含 facebook.com 或 fb.me，您可以使用 alternation：

^.*(?:facebook\.com|fb\.me).*$

【讨论】：

在这方面没有特别的经验，但this page 可能会有所帮助。
嘿伙计，有没有办法获得相同的结果并避免与 withespaces 组合？