title: Angular component value not reflecting in HTML
body: <p>I have predefined array in angular component.First I print the value on HTML. On button click am using splice to change the array value. The value is changed but it is not reflecting in HTML.</p>
  
  <pre><code>&lt;h3&gt;Array before&lt;/h3&gt;
  &lt;br&gt;&lt;br&gt;
  {{array}}
  &lt;br&gt;&lt;br&gt;&lt;br&gt;
  &lt;button type="button" (click)="methodSplice();"&gt;click&lt;/button&gt;
  &lt;br&gt;
  &lt;h3&gt;Array After&lt;/h3&gt;
  
  &lt;label&gt;array:&lt;/label&gt;
  {{array}}
  
      import { Component } from '@angular/core';
  
  @Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css']
  })
  export class AppComponent {
    title = 'My Angular App';
  array = [];
  temp:any;
  arr1:any
  constructor(){
  
  }
  ngOnInit(){
    this.array = [1,2,3,4,5];
  }
    methodSplice(){
      this.array.splice(2,4);
  
    }
  
  }
  </code></pre>