Angular2 maxLength pour les textarea comme variable

À définir max le nombre de lettres pour les textarea, nous faire parvenir par écrit:
<textarea maxLength="50"></textarea>

mais, je pourrais faire quelque chose comme ci-dessous? Est-il possible?

import { Component } from '@angular/core';

@Component({
  moduleId: module.id,
  selector: 'app-create-offer-page',
  template: `
    <textarea maxLength="textareaLength"></textarea>
  `
})
export class CreateOfferPageComponent {
  textareaLength: number = 50;
}

Je demande parce que cela ne fonctionne pas.

OriginalL'auteur elzoy | 2016-07-07

  1. 15

    Vous devez [] Angulaire de l'interpréter comme la liaison

     [maxLength]="textareaLength"

    Cela devrait fonctionner pour les natifs de validation. Angular2 validateurs ne supporte actuellement pas des valeurs dynamiques.

    Je vous remercie. Il fonctionne comme un charme, mais je remarque que attr.maxLength œuvres aswell. Est-il une bonne pratique consiste à ajouter attr. avant les attributs?
    maxLength est un natif de l'attribut et peut donc être directement lié avec [maxLength]. Si vous souhaitez définir un attribut personnalisé comme data-id par exemple, vous pouvez utiliser la liaison avec [attr.data-id]. En fin de compte, il n'est pas de faire une différence pour ceux natif attributs.
    Je vois! Je vous remercie pour votre aide. Avoir une belle journée.
    Si cela ne fonctionne pas sans [attr. puis l'ajouter ;-). La plupart des propriétés sont reflétées dans les DOM donc, si vous définissez la propriété, l'attribut est créé et vice versa. Pour d'autres, cela ne fonctionne pas comme par exemple <lable for="...."> ne fonctionne pas parce que le nom de la propriété est htmlFor et le nom de l'attribut. Si c'est un @Input() d'un composant personnalisé ou de la directive et que vous n'avez pas besoin de lui sur le DOM (par exemple l'utiliser pour les sélecteurs CSS), alors il est mieux de ne pas ajouter [attr., car cela signifie l'ajout de la DOM qui est beaucoup plus lent que la propriété seulement.
    Voir aussi stackoverflow.com/questions/258469/...

    OriginalL'auteur Günter Zöchbauer

  2. 6

    Sûr, et il est assez facile - il suffit d'utiliser l'attribut de liaison comme suit:

    <textarea [attr.maxLength]="textareaLength"></textarea>
    Je vous remercie beaucoup. Je regrette que je ne peux pas accepter deux réponses, mais u était en retard d'environ 9 secondes. Mais bien sûr, le point pour vous 🙂

    OriginalL'auteur rinukkusu

  3. 2

    Étendre un peu sur la réponse fournie par @rinukkusu, vous pourriez même faire l'attribut optionnel par l'ajout d'un opérateur ternaire, comme suit:

    <textarea [attr.maxLength]="textareaLength > 0 ? textareaLength : null"></textarea>

    La null valeur supprime l'attribut complètement à partir de l'élément, ce qui était quelque chose dont j'avais besoin.

    OriginalL'auteur Lucio Mollinedo