Блог

входной компонент в ember, как показано ниже:

 {{#each tags as |tag index|~}}
<li class="emberTagInput-tag">
    {{yield tag}}
    {{#if _isRemoveButtonVisible}}
    <a class="emberTagInput-remove" {{action 'removeTag' index}}></a>
    {{/if}}
</li>
{{~/each~}}

<li class="emberTagInput-new">
    {{masked-input
    disabled=readOnly    
    class=(concat 'emberTagInput-input js-ember-tag-input-new' (if readOnly ' is-disabled'))
    maxlength='20'
    textMaxLength='20'
    placeholder=placeholder
    input-format='regex'
    input-filter='[A-Za-z0-9 -@#]{1,20}'
    input-filter-message='Complaint Id is not valid.'
    }}
</li>
  

И я использую его в своих файлах hbs, как показано ниже:

     <div class="col-md-2">
        <div class="form-group">
        <label for="due-date" class=" control-label">Complaint Id</label>
        {{#tag-input
        maxlength=20
        tags=tags
        addTag=(action 'addNewTag')
        removeTagAtIndex=(action 'removeTagAtIndex')
        as |tag|
        }}
        {{tag}}
        {{/tag-input}}
       </div>
    </div>
  

Я хочу установить максимальную длину для ввода, который я ввожу в виде текста в текстовом поле, которое поставляется с этим компонентом, максимальная длина, которую я устанавливаю на 20, не работает, поэтому поле ввода допускает неограниченное количество символов, любая помощь, пожалуйста, какое свойство задает максимальную длину, которую можно ввести вэто? Большое спасибо, пожалуйста.