限制输入中的字符/字符串/单词

Question

我的功能addthisTxt没有检查长度。它不应该超过11.以下是我到目前为止所尝试的;我希望继续添加文字，直到达到最大长度，否则会限制用户添加更多文字。

HTML

<input type="checkbox" name="chkbxr" value="add this offer on wrapper" 
 (change)="addthisTxt($event.target.getAttribute('txt'), $event.target.checked)">

的JavaScript

addthisTxt(txt, checked): void {
    if (checked) {
        if((this.v.offerName.length +txt.length) >= 55){
            this.v.offerName = this.v.offerName + txt;
        }
        this.v.offerName = this.v.offerName;

    }
}

Answer 1

您正在this.v.offerName上设置值。 UI元素未绑定到此JavaScript变量，您需要设置UI输入元素的值以限制值。