title: How to add dynamic array index value in angular html page
body: <p>I am new to angular I want to add dynamic array index value in html page. I tried different solution I am not getting a solutions. I am not getting any error as well.</p>
  
  <p>I have create a array in typescript as shown below </p>
  
  <p>my typescript</p>
  
  <pre><code>months : string[] = ['January','February','March','April','May','June','July','August','September','October','November','December'];
  
  </code></pre>
  
  <p>the above array I want to pass dynamic index value in html page. I tried but I am not getting the value.</p>
  
  <p>I tried like this <code>{{  months[ result.startDate.split('/')[1]  ]  }}</code> . If i type static index value it is working.</p>
  
  <p>html page </p>
  
  <pre><code> &lt;div class="row" style="width: 110%;" *ngFor="let result of allEvents"&gt;
  
                &lt;p class="start-date" &gt;{{ result.startDate.split('/')[0]  }} &lt;/p&gt; &lt;br&gt;&lt;p  &gt;{{  months[ result.startDate.split('/')[1]  ]  }} &lt;/p&gt;
  
          &lt;/div&gt;
  </code></pre>
  
  <p>result object I am getting </p>
  
  <pre><code>0:
  _id: "5e8b033bd3d04a24db92288a"
  name: "Casting call for kannada movie"
  description: "Looking for:↵Female artist Age: 17-26↵Kids Age :4-12"
  startTime: "6"
  endTime: "21"
  startDate: "04/04/2020"
  endDate: "31/05/2020"
  participant: []
  userId: "5e536de00d691f6427bcaec1"
  pageId: {profileImage: {…}, coverPage: {…}, isBlocked: false, softDelete: false, isVerified: true, …}
  createdAt: "2020-04-06T10:23:55.874Z"
  updatedAt: "2020-04-06T10:23:55.874Z"
  
  </code></pre>
  
  <p>please help me</p>
  
  <p>thanks in advance</p>