对话框打开后页面不会模糊

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函数正在运行。此功能将打开一个对话框。因为对话框是打开的（我没有用* ngIf编写的条件），所以id不会进入example1的div中，并且对话框的背面也不会模糊。