title: Assigned expression type "X" is not assignable to type "X" | "Y"
body: <p>I'm getting this error from an Angular template:</p>
  
  <blockquote>
    <p>Assigned expression type "default" is not assignable to type "default" | "delete" | "rename"`</p>
  </blockquote>
  
  <p>On a line that says <code>currentAction = 'default'</code>:</p>
  
  <p><a href="https://i.stack.imgur.com/IVgvu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/IVgvu.png" alt="enter image description here"></a></p>
  
  <p>But my <code>currentAction</code> variable is declared like this:</p>
  
  <pre><code>type Action = 'default' | 'delete' | 'rename';
  public currentAction: Action = 'default';
  </code></pre>
  
  <p>So I think assigning it is valid as <code>default</code> is a valid value.</p>
  
  <p>If I do something similar in the class of my component (not the template), there is no warning nor error:</p>
  
  <pre><code>this.currentAction = 'default'
  </code></pre>
  
  <p>Does this look like a bug with my IDE (WebStorm) or there is something wrong with assigning that variable in an Angular template?</p>