title: How can I get desired results(displaying list of courses) when I run Angular 2 typescript?
body: <p>I am new to Angular 2. I am trying a small program to display list of courses.The desired output is</p>
  
  <p>My first Angular App</p>
  
  <p>Display courses</p>
  
  <p>this is title of courses</p>
  
  <p>. Maths</p>
  
  <p>. Science</p>
  
  <p>. English</p>
  
  <p>The output displayed on chrome is attached as below.
  <a href="https://i.stack.imgur.com/5NTbc.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/5NTbc.png" alt="output"></a>
  I would be great if anyone can help point what's wrong in the program and how can I get the desired result.</p>
  
  <pre><code>import {Component} from 'angular2/core'
  
      @Component({
          selector: 'courses',
          template: `
          &lt;h2&gt; Display courses&lt;/h2&gt;
          {{title}}
          &lt;ul&gt;
             &lt;li *ngFor="#c of coursesName"&gt;
             {{coursesName}}
             &lt;/li&gt;
          &lt;/ul&gt;
          `
  
      })
      export class CoursesComponent{
          title:string="this is title of courses";
          coursesName = ["Maths", "Science", "English"];
      }
  </code></pre>