angular2 popup input help

alertcomponent.ts

@Component({
  html: 
      "
        <section *ngFor="status">
          <div> {{ msg }} </div>
          <input id="popup_input" type="text" />
          <button id="popup_button">send</button>
        </section>
      "
})

export class {
    constructor (){}
    status = false
    msg
    
    openPopup(msg){
        return new Promise((res) => {
            this.status = true
            this.msg = msg   

            //somehow return a promise with the input's data?

            document.getElementById("popup_button").addEventListener("click", function(){
                this.status = false
                res(document.getElementById("popup_input").value)
            })
        })
        
    }

    closePopup(){
        this.status = false
    }
}

anywhere else.ts

how could I get it so that from anywhere I can just write


openMenu()
    .then(res => {
        //use response data
    })