angular popover api

component.ts

@Component({
    template:`
      <div popover="popoverOne">
        // content
      </div>

      <div popover="popoverTwo">
        // content
      </div>

      <popover #popoverOne>
        <form>
          // fields...

          <button (click)="submitOne()">Submit</button>
        </form>
      </popover>

      <popover #popoverTwo>
        <form>
          // fields...

          <button (click)="submitTwo()">Submit</button>
        </form>
      </popover>
    `
})
export class AppComponent{
  
  constructor(private serviceOne: ServiceOne,
              private serviceTwo: ServiceTwo){}
  
  submitOne(){
    this.serviceOne.do();
  }
  
  submitTwo(){
    this.serviceTwo.do();
  }
}