Error: ReferenceError: Invalid left-hand side in assignment
<p>I know JavaScript. I'm just learning Typescript and this gives me the error: "Error: ReferenceError: Invalid left-hand side in assignment". What's wrong?</p>

<pre><code>import { Component } from '@angular/core';
import { Fruit } from './fruit';
import { PartComponent } from './part.component';
import { ByKindPipe } from './by-kind.pipe';

@Component({
  selector: 'my-app',
  templateUrl: 'app/app.html',
  directives:[PartComponent],
  pipes: [ByKindPipe],
  styles: ['div { color: blue; }']
})
export class AppComponent { 

  // this works
  fruits: Fruit[] = [
            {"name": "apple", "kind": "tree"}, 
            {"name": "orange", "kind":"tree"},
            {"name": "strawberry", "kind": "berry"},
            {"name": "pear", "kind": "tree"}];

  // this works    
  things: string[] = ["a","b"];

  // this doesn't work
  things[1] = "c";
}
</code></pre>

<p>Please refer to <code>app/app.component.ts</code> file in this <a href="http://plnkr.co/edit/kRzCSm" rel="nofollow">plunk</a></p>