comment afficher un texte long avec plus de bouton à l'aide angulaire?
j'ai un long texte comme ça :-
"5 Étapes Simples pour Améliorer Patient Experience5 Étapes Simples pour Améliorer Patient Experience5 Étapes Simples pour Améliorer Patient Experience5 Étapes Simples pour Améliorer Patient Experience5 Étapes Simples pour Améliorer Patient Experience5 Étapes Simples pour Améliorer Patient Experience5 Étapes Simples pour Améliorer Patient Experience5 Étapes Simples pour Améliorer Patient Experience5 Étapes Simples pour Améliorer Patient Experience5 Étapes Simples pour Améliorer Patient Experience5 Étapes Simples pour Améliorer Patient Experience5 Étapes Simples pour Améliorer Patient Experience5 Étapes Simples pour Améliorer Patient Experience5 Étapes Simples pour Améliorer Patient Experience5 Étapes Simples pour Améliorer Patient Experience5 Étapes Simples pour Améliorer Patient Sport
"
Mais j'ai besoin de seulement 2 lignes à afficher sur la page et un bouton plus pour vérifier le texte complet.
Est-ce possible avec angular.js ?
si oui Que voulez-vous me suggérer ?
OriginalL'auteur Er KK Chopra | 2013-10-04
Vous devez vous connecter pour publier un commentaire.
Oui, cela est totalement possible avec AngularJS, mais la plupart de la solution est en fait de CSS.
Vous serez en mesure de le faire principalement par le biais de CSS. Tout d'abord, HTML/CSS n'est pas vraiment un concept pour le nombre de lignes d'un tas de texte est prenant. Vous pouvez obtenir le comportement souhaité par le réglage de la hauteur d'un élément de conteneur et de la hauteur de la ligne de votre texte sur le CSS
line-height
. Pour votre état par défaut, régler la hauteur en fonction de deux fois votre hauteur de la ligne et de définir laoverflow
cachés. Ensuite, vous avez juste besoin d'avoir votre bouton conditionnellement appliquer une classe qui étend la hauteur du conteneur et définit laoverflow
visible:Vous pouvez obtenir la fantaisie et de faire la touche de cacher le texte nouveau (comme un interrupteur).
Merci pour la réponse, j'aime la façon dont je peux juste à l'avant à mon créateur qui m'a demandé aujourd'hui que la question exacte. Toutefois, votre exemple serait encore mieux si vous choisissez un autre nom pour le champ d'application variable et la classe css. Pour ceux qui ne sont pas familiers avec la programmation du "show", qui est, peut-être pas aussi claire que vous le pensez 😉
OriginalL'auteur Benmj
ng-texte-tronquer
https://github.com/lorenooliveira/ng-text-truncate
Démo 1
https://rawgit.com/lorenooliveira/ng-text-truncate/master/demo1.html
Exemple
<p ng-text-truncate="longTextVariable"
ng-tt-chars-threshold="40"></p>
OriginalL'auteur Stephen C
angulaires-lire-plusieurs
https://github.com/ismarslomic/angular-read-more
Démo
http://codepen.io/ismarslomic/pen/yYMvrz
comment faire en savoir plus et de lire moins de texte dans la ligne suivante.
Il ne semble pas possible de mettre en savoir Plus et Lire Moins sur la ligne suivante avec la fonctionnalité actuelle, vous devrez éditer le "readmore.template.html" fichier dans le code source et d'ajouter un saut de ligne: github.com/ismarslomic/angular-read-more/blob/master/src/...
OriginalL'auteur Stephen C