代码应该关闭弹出窗口

Question

我试图在角度js app中做一个简单的事情：这是在index.html的正文中：

<div id="no-connection" class="alert popup-animation" data-ng-include="'modules/game/common/popups/no-connection-popup.client.view.html'" style="display:none"></div>

我想隐藏或显示它:(如果有连接）

var noConnectPopup = document.getElementById（'no-connection'）;

  if (navigator.onLine) {
        alert('its online');
        noConnectPopup.style.display = 'none';
    } else {
        alert('its offline');
        noConnectPopup.style.display = 'block';
    }

    window.addEventListener("offline", function(e) {
        alert('its ofline again');
        noConnectPopup.style.display = 'block'; //not working
    }, false);

    window.addEventListener("online", function(e) {
        alert('its online again');
        noConnectPopup.style.display = 'none'; //not working
    }, false);

为什么弹出窗口没有响应dom的变化？这是一个消化/应用问题吗？

如果是，为什么？在角度边界之外。