title: Format component attributes next line in Visual Studio Code
body: <p>Is there any way we can set the VS code formatter to format components in Angular 2+ templates to wrap attributes in a new line. I want it to be this format:</p>
  
  <pre><code>  &lt;app 
      [input1]="input1$ | async" 
      [input2]="input2$ | async" 
      (inputChanged)="setInput(input)"&gt;
    &lt;/app&gt;
  </code></pre>
  
  <p>It would be nice for us to have auto-format on and have them format this way. React has something similar for wrapping JSX attributes in the next line and aligning them.</p>