11521 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

j'essaye de faire apparaitre une div en fonction de l'input de recherche en dynamique.

Pour cela j'utilise angularJS. La recherche marche bien mais je n'arrive pas à afficher ma div en fonction de l'input.

Mon code : https://codepen.io/DongKoo/pen/qXzvKp

J'ai mis un echo de l'input pour voir si je le récupère bien .

Si je remplace
<div ng-switch-when="{{searchString}}">

par
<div ng-switch-when="2000">

2000 étant l'input de recherche, mon code marche.

Habituellement, il faut faire X div avec le ng-switch-when = valeur de l'input.
Cependant, j'ai +4000 lignes pour le ng-switch-when et donc ma page crash lors du chargement.
J'ai donc voulu externaliser les données dans le js et ensuite les appeler en fonction de l'input.

Merci pour votre aide.
Modérateur
Salut,


Bah du coup là ton code marche quand dans l'input tu tapes "{{searchString}}".
Si je me trompe pas la ton ng-switch regarde si dans ta variable searchString il y a la chaine de carractere "{{searchString}}"

J'ai du mal a comprendre ce que tu cherches à faire... Smiley ohwell
j'essaye de faire un input recherche et d'afficher une div en fonction de cet input.
Dans cet input recherche on tape un chiffre.
Ce chiffre correspond à différentes données qui se trouve dans le js.
    { title: '	2000	',adresse: '	toto	' },
    { title: '	2001	',adresse: '	toto1	' },
    { title: '	2002	',adresse: '	toto2	' },
    { title: '	2003	',adresse: '	toto3	' }


Il faudrait donc, que lorsque qu'on tape 2000 par exemple, la div s'affiche avec les données associées, du coup toto,
2001 = toto1 etc ...