Javascript Girl
  1. Javascript Girl
  3. Rendant un espace réservé dynamique avec des angulaires
Intereting Posts
Inclut les événements Touch EventsX / Y ou non? Regarder plusieurs attributs de portée $ Console.log javascript Comment ajouter des info-bulles à chart.js graph Un type de réacteur peut-il être défini de façon récursive? Google Charts – html complet dans les info-bulles Obtenir un HTML final avec Javascript rendu Java comme Chaîne Nouvelle fonction () avec des paramètres variables Coller les données du presse-papiers à l'aide de document.execCommand ("coller"); Dans l'extension Firefox Télécharger un fichier volumineux> 1 Go en utilisant le protocole http, java et javascript Charger une annonce (div) juste une fois sur le premier chargement Parse JSON de l'URL Suivi des liens avec Google Analytics? Est-il sécuritaire d'utiliser et de mettre à jour les variables globales dans NodeJS? Comment détecter le niveau de zoom de la page dans tous les navigateurs modernes?

Rendant un espace réservé dynamique avec des angulaires

J'ai regardé autour de moi, j'ai trouvé plusieurs ressources appelées «ng-placeholder» ou quelque chose d'incroyablement similaire. Je ne peux pas faire fonctionner ceci:

<input type="text" placeholder="{{option.name}}" class="form-control" ng-switch-when="text" />

J'ai remarqué qu'il ne semble pas y avoir de contenu sur la documentation d'entrée . Je suis assez nouveau pour être angulaire, et cela n'a fait que m'avoir frustré pendant quelques heures. Il doit y avoir un moyen de le faire.

Pourquoi ne pas écrire votre propre directive pour ng-placeholder? Quelque chose de simple comme celui-ci devrait fonctionner. Vous pouvez l'appeler dans votre html comme ça 

 <input ng-placeholder='test'>

Lorsque le test est une variable de portée dans le contrôleur actuel. 

 .directive('ngPlaceholder', function($document) { return { restrict: 'A', scope: { placeholder: '=ngPlaceholder' }, link: function(scope, elem, attr) { scope.$watch('placeholder',function() { elem[0].placeholder = scope.placeholder; }); } } });