Mike-Ward.Net

Quick ReSharper tip for inline templates

I just discovered a nifty little feature of ReSharper that makes inline template editing much nicer.

function hcvdGridDirective($http): ng.IDirective {
  // language=html
  const template = `
    <div>
      <grid-ex grid-options="ctrl.gridOptions"></grid-ex>
    </div>`;

The addition of // language=html enhances inline template editing considerably by instructing ReSharper to add syntax highlighting and some basic command completion.

screen shot of syntax highlighting

I prefer inline templates to of placing them in a separate file. This parallels other frameworks like React, Riot, Mithril, etc. where markup is expressed with the control logic.

← newer older →
.Net, Technology, Life, Whatever

Recent Posts

How to Choose the Right VPN Service
Two Handy Command Line Scripts
Tweetz 1.3.2
Tweetz 1.3 Release
Mithril Rising
Tweetz Release 1.2.4 - Screen Off Detection
Tweetz Desktop Support for 280 Characters
More... (1084)

Donate