Javascript Girl
  1. Javascript Girl
  3. WebStorm: comment prétentir HTML entre guillemets dans un fichier JavaScript
Intereting Posts
Comment faire pour que les parties de Protractor attendent ou ne deviennent pas synchrones? HTML 4 équivalent de FileReader HTML 5? Élément DOM au composant vue.js correspondant Comment télécharger un fichier en utilisant un client de repos pour le nœud JSLint: Utilisation d'une fonction avant qu'il soit défini une erreur Voie de backbone avec état push ne fonctionnant pas sur la page de rafraîchissement WebSocket handshake avec Ruby et EM :: WebSocket :: Server Améliorer AngularJS Simple Factory – wrapper autour de PhoneGap Storage API AngularJS Interceptor ne détecte jamais l'erreur 401 Comment puis-je utiliser JavaScript pour transformer XML & XSLT? Les fonctionnalités JavaScript fonctionnent sur localhost mais pas lors de leur déploiement à Heroku Les appels AJAX vers un sous-domaine sont-ils considérés comme Cross Site Scripting? JQuery trouve la dernière entrée et ajoute Comment générer une séquence de nombres / caractères en javascript? Comment utiliser javascript dans uiwebview pour obtenir l'identifiant du bouton?

WebStorm: comment prétentir HTML entre guillemets dans un fichier JavaScript

J'ai le bloc suivant dans mon fichier app.component.ts : 

  @Component({ selector: 'my-app', template: ` <h1>{{title}}</h1> <h2>My Heroes</h2> <ul class="heroes"> <li> <!-- each hero goes here --> </li> </ul> <h2>{{hero.name}} details!</h2> <div><label>id: </label>{{hero.id}}</div> <div> <label>name: </label> <input [(ngModel)]="hero.name" placeholder="name"> </div> ` })

Comment puis-je dire à WebStorm de prétentir mon JS ainsi que le HTML qui se trouve dans les guillemets?

J'ai déjà essayé: Code > Auto-indent Lines and Code > Reformat Code

J'utilise WebStorm 2016.3

Vous pouvez utiliser l'intention Edit Angular2HTML Fragment :

Entrez la description de l'image ici

Pour le faire apparaître, cliquez simplement sur Ctrl+Enter sur la chaîne. Il ouvrira l'éditeur, où vous pouvez préttriser le code et les modifications seront reflétées dans la chaîne.