javascript - 打开对话框时页面不模糊

Question

我的js函数：

function Example() {
    var x = document.getElementById("Dialog");
    var y = document.getElementById("example1")
    x.show();
    y.className = "is-blurred";
}

我的 HTML 代码：

 <div *ngIf="id!==1 && id!==2" id="example1" >
      <div class="float-left bosluk">
       <a onclick="Example()" >
        <button pButton type="button" label=" ABC " class="ui-button-rounded ui-button-secondary"></button>
        </a>
      </div>
</div>

    <dialog id="Dialog">
     .
     .
     .

    </dialog>

我有两个单独的按钮。每一个都被单独调用并被定向到不同的页面。因此我尝试运行 id 给 id。我的代码也在工作。但你注意到我在上面使用了“* ngIf”。如果我没有与按钮 id 匹配的状态，我会写信留在主页上。但是，如果我匹配任何 id，则 js 函数正在运行。该函数打开一个对话框。因为Dialog被打开了（我已经脱离了我用* ngIf写的条件），所以id没有进入带有example1的div，而且对话框的背面也没有模糊。

标签： javascripthtmlcssangularangular6