Angular 2-绑定到 minlength 属性 oif HTML 标记-Java 学习之路

我正在考虑为 Forms 编写一些可重用的组件。 Label/Input 用于 firstName，lastName，email 等内容。我遇到了与 minlength 绑定的问题。这是代码的一部分：

<input 
        ngControl="name"
        #name="ngForm"
        type="text" 
        class="form-control" 
        id="name"
        required
        minlength="{{min}}">

我收到以下错误消息：

EXCEPTION: Template parse errors:
Can't bind to 'minlength' since it isn't a known native property ("
        id="name"
        required
        [ERROR ->]minlength="{{min}}">

有任何想法吗？？

3 回答

0
您可以使用pattern属性，使用RegExp。
- 在控制器中声明正则表达式并从视图中引用它
regExp = ".{5,}"; e.g. --> 5 characters minimum
```
<input 
    ngControl="name"
    #name="ngForm"
    type="text" 
    class="form-control" 
    id="name"
    required
    pattern="{{ regExp }}">
```
- 或直接在视图中使用它：pattern=".{5,}"
https://plnkr.co/edit/x5hwYzeMCkycdJs9YfW7？p=preview
回复于 2024-04-23T20:43:16+08:00
1

它应该是[attr.minlength]="min"，因为这是元素属性，而不是本机属性

回复于 2024-04-23T20:43:16+08:00
0

我们使用方括号和模板表达式为 DOM 属性指定 one-way 绑定。

请将更改设为minlength="{{min}}"至[minlength]="min"

此图解释了某种程度上的 Angular2 属性绑定

回复于 2024-04-23T20:43:16+08:00

Angular 2-绑定到 minlength 属性 oif HTML 标记

3 回答

相关问题