追加后如何等待按钮点击解决

Question

我正在将 html 内容附加到服务中的正文。（急需）

1. 单击按钮如何调用该方法？

2. 我如何等到用户点击按钮才能解决

这是我的服务：

import { Injectable, OnInit } from '@angular/core';

@Injectable({

    providedIn: 'root'

})

export class AppConfig  {

    option:string;

    popup = `<div class="main-section">

        <div class="singin-options">

            <div class="form-check form-check-inline">

                <input class="form-check-input" (change)="onLoginChange($event)" value="CTS" type="radio" name="loginOption" id="inlineRadio1">

                <label class="form-check-label" for="inlineRadio1">Login as ABC Member</label>

            </div>

            <div class="form-check form-check-inline">

                <input class="form-check-input" (change)="onLoginChange($event)" value="IBO" type="radio" name="loginOption" id="inlineRadio2">

                <label class="form-check-label" for="inlineRadio2">Login as XYZ Member</label>

            </div>

        </div>

        <div class="signin">

            <button type="button" class="btn btn-success">Sign In</button>

        </div>

    </div>`

    constructor(private store:Store<StateShared>){}

    initializeData() {

        return new Promise((resolve, reject) => {

            $('body').append(this.popup);//appended

            return setTimeout(() => {

                resolve(true) //get value from user, wait until

            }, 5000)

        });

    }

    onLoginChange(){ console.log('loo')}

}

Answer 1

我通过在承诺中添加我的所有事件来解决这个问题，例如：&nbsp;return new Promise((resolve, reject) => {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if(!localStorage.getItem("name")){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $('body').append(this.popup);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $("input[name=loginOption]:radio").change(function (event) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; that.userOption =&nbsp; $(event.target).val();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $("button").prop('disabled', false);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; })&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $("button").prop('disabled', true);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $("button").click(function () {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; that.value = false;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; localStorage.setItem("name", that.userOption);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; resolve(true);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; })&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if(localStorage.getItem("name")){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; resolve(true);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; });这对我来说可以。