So im learning angular and came to switch statements, however I have a confusion as to the assignment of the div tags for the switch statements regarding the **quotation makrs**. This is the html code:

```
<div [ngSwitch]="color">
  <div *ngSwitchCase="red">You picked red color</div>
  <div *ngSwitchCase="blue">You picked blue color</div>
  <div *ngSwitchCase="green">You picked green color</div>
</div>

```

and I have declared a variable `color` in my `.ts` file 

```
export class StructuralDividesComponent implements OnInit {
public color="red"; 
constructor() { }

ngOnInit() {
}

}

```

Why does this code only work if the `color` value is in `"'red'"` and not in `"red"`.