Masque entier dans le champ de saisie en lecture seule dans AngularJs?

Question

J'ai 2 pages.En première page, je vais remplir mon numéro de portable.Puis, en naviguant vers la deuxième page, je vais montrer le numéro de téléphone portable en lecture seule.Dans ce que je dois montrer le nombre comme xxxxxx1234. Si l'utilisateur clique sur le bouton d'édition alors, il devrait afficher tous les numéros comme 8790561234.

Je ne pouvais pas obtenir le masquage pour le champ en lecture seule.

Answer 1

Avec tranche et remplacer, vous pouvez obtenir ce que vous voulez:

var orig = scope.ngModel; 
    var edited = orig; 
    scope.ngModel = edited.slice(4).replace(/\d/g, 'x') + edited.slice(-4); 

Check out this similar Plunker.