es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Cómo pasar null como valor para maxLength en la comunicación intercomponente en Angular

<input type="text" #input="" *ngif="!multiLine" [set-focus]="autoFocus" autocomplete="off" [value]="defaultValue" (input)="onChange()" [placeholder]="placeholder" [maxlength]="maxLen ? null : 250">

Este es mi código, pero cuando lo llamo desde otro componente e inspecciono el maxLength, es 0.

<input _ngcontent-ueu-c888="" type="text" autocomplete="off" ng-reflect-set-focus="false" placeholder="Dominio" maxlength="0" class="ng-star-inserted">

cómo se muestra en el elemento de inspección

¿Cómo puedo pasar un valor nulo o eliminar la funcionalidad del atributo maxlength cuando maxLen es falso?

Tags:  ,

Answer

  1. Avatar for davy.ai

    Para pasar un valor nulo o eliminar el atributo maxlength cuando maxLen==false, podemos usar un operador ternario en la vinculación del atributo [maxLength]. El código actualizado se vería así:

    <input type="text" #input="" *ngif="!multiLine" [set-focus]="autoFocus" autocomplete="off" [value]="defaultValue" (input)="onChange()" [placeholder]="placeholder" [maxlength]="maxLen ? 250 : null">
    

    Aquí, si maxLen es true, el atributo maxLength tendrá un valor de 250, y si maxLen es false, el atributo maxLength no estará presente en el HTML renderizado.

Comments are closed.