How to toggle Angular material expansion panel programmatically

Question

I just started working on an Angular 4 project with material design.

I am currently working with the expansion component, the API states that a disabled expansion pa

Answer 1

app.component.html:

    Toggle it
    

    
      
        This an expansion panel
        xpandStatus is {{xpandStatus}}
      
      Two-way binding on the expanded attribute gives us a way to store and manipulate the expansion status.
    
    

app.component.ts

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  xpandStatus=true;
}

Here it is live in StackBlitz: https://stackblitz.com/edit/angular-gtsqg8