dart - 如何在 Dart 中创建可重用的 JavaScript 模式

Question

我正在尝试使用 HTML5 中的模式属性进行客户端验证。

但是，我发现我必须重复 pattern="\w{2,}"重复。

考虑下面的代码，它是 Dart 聚合物的一部分。

<input id='cityTxt'
    type="text"
    required
    pattern="\w{2,}">

是否有某种机制可以让我从标记中提取\w{2,}"并将其替换为我现在可以用来表示模式的变量。这样，如果我对模式进行更改，它只会在一个地方而不是多个地方。

谢谢

Answer 1

如果此标记位于聚合物内 <template>标记，您可以使用聚合物表达式将模式值绑定(bind)到模板模型的字段。

<input id='cityTxt'
    type="text"
    required
    pattern="{{aPattern}}">

您的模型提供了类似的字段

@observable String aPattern = r"\w{2,}";