简短地呈现内容，然后使用ng-if消失

我的页面上有一些内容，这些内容都包裹在ng-if中，如下所示：

            

                

                    
                        Message displayed to User
                    
                
            

然后在我的angular js控制器中，我有以下内容：

function MyController($scope, $q, notifyHelper) {
    openAjaxLoaderGif();

    $scope.ShowMessgae = false;

    MyService.getVarsFromSession().then(function (result) {
       // some code removed for brevity
       if(some coditional) {
        $scope.ShowMessgae = true;
       }

        }, function (data, failReason, headers) {
            notifyHelper.error("Error has occurred - try again");
        })
    })
    .finally(function () {
        closeAjaxLoaderGif();
    });
};

我将ShowMessage的值设置为false，并且只有在满足特定条件的情况下才为true。在大多数情况下，ShowMessage将为false。但是，这导致当页面加载显示给用户的标记消息时短暂呈现的消息，然后消失（以显示我的期望）-我做错了什么导致此闪烁吗？

1> lealceldeiro..：

---

这是因为将渲染内容，直到角度检测到该ShowMessgae内容false然后将其隐藏为止。

为了完全不显示内容，直到angular准备“说” ShowMessgae是true还是false应该使用为止ng-cloak。这样，直到角度“知道”的值时才显示内容ShowMessgae。然后，此时，angular准备显示（或不显示）内容，具体取决于的值ShowMessgae

                

                    
                        Message displayed to User
                    
                
 

---

我对此表示怀疑，对ng-cloak的解释是正确的，但是ng-if会从DOM中删除元素，而ng-show / ng-hide不会从DOM中删除元素，它使用CSS样式隐藏/显示元素。那么我的疑问是，为什么在ng-if的情况下渲染它？

---

最初，内容是在HTML中“呈现”的（角度尚未准备好）。当angular对ng-if内部的表达式求值时，它检测到虚假，因此将其从html中删除（但是此序列会导致闪烁），因此，如果我们使用ng-cloak，则最初不会显示该内容（但是它在用css隐藏的html中是正确的），然后当angular对表达式求值时，内容就被删除了，但是由于它已经被css隐藏了，所以这种方式从没有显示出来。（最终用户不在乎内容是使用css隐藏还是从DOM中删除；）