title: Getting Microsoft Team context in an angular app added as a tab
body: <p>I am adding an Angular website to a Microsoft Teams tab. I want to get the Tteam ID for doing some computation. I just installed <code>npm install --save @microsoft/teams-js</code>.</p>
  
  <p>This is the code I used</p>
  
  <pre><code>import { Component } from "@angular/core";
  import * as microsoftTeams from "@microsoft/teams-js";
  
  @Component({
    selector: "app-root",
    templateUrl: "./app.component.html",
    styleUrls: ["./app.component.css"]
  })
  export class AppComponent {
    title = "app";
    teamID: string;
    teamName: string;
    groupID: string;
    ngOnInit() {
      microsoftTeams.initialize();
  
      microsoftTeams.getContext(function(Context: microsoftTeams.Context) {
        alert("getcontext call back function");
        this.teamName = Context.teamName;
        this.groupID = Context.groupId;
        this.teamID = Context.teamId;
      });
  
      alert("after get context");
      console.log("End");
    }
  }
  </code></pre>
  
  <p>The problem here is that I'm not getting the <code>microsoftTeams.Context</code>. Is there something else I have to do? What is the proper way to approach this?</p>