Comment rendre en lecture seule toutes les entrées dans un div en Angular2 ?

Question

J'ai une page avec plusieurs entrées, et je veux la rendre ' readOnly ' Je trouve cette solution : Comment modifier l'attribut readonly et required d'un élément HTML dans Angular2 Typescript ?

Mais je ne veux pas le faire pour chaque entrée séparément.

Comment puis-je ajouter readOnly à toutes les entrées dans une certaine division.

Answer 1

Définissez simplement la propriété css de la division conteneur "pointer-events" comme étant none, c'est-à-dire "pointer-events:none ;".

Answer 2

Vous pouvez faire comme ceci. Ouvrez un fichier ts et créez-y une interface avec les entrées que vous voulez et dans la page que vous voulez afficher sous la classe d'exportation, écrivez

readonly yourinterface = yourinterface
readonly level: number[] = [];

et dans votre modèle, faites comme ceci *ngFor="let votretype de votreinterface"