Angular JS ng-cloak 无法正常工作显示页面加载时的表达式符号答案

【问题标题】：Angular JS ng-cloak is not working properly expression symbol showing when page loadedAngular JS ng-cloak 无法正常工作显示页面加载时的表达式符号
【发布时间】：2016-09-22 20:28:34
【问题描述】：

我是 Angular js 的新手，我正在尝试解决一些 html 代码在评估之前显示的问题。它首先显示表达式，然后显示值。我在正文中添加了 ng-cloak，但它不起作用。然后，我尝试将其添加到 html 顶部，但没有运气。检查以下链接：

ng-cloak not working when page load

但我无法找到正确的解决方案。

HTML：

<body ng-app="rootApp" ng-cloak>
<div class="pName" ng-init="getDetails()">
                        <strong> {{desc}} <br>
                        {{shortdesc}} {{name}}</strong>
                    </div>
</body>

控制器代码：

$scope.getDetails = function () {
 // this is the  service call
        service.getName({ id: 3 }).$promise.then(function (data) {
            if (data.length > 0) {
                $scope.desc = data[0].desc;
                $scope.shortdesc = data[0].shortdesc;
                $scope.name = data[0].name;
            }

        });

    }

【问题讨论】：

您在页面的哪个位置加载角度？在页面底部的头部，异步？
我在页面底部加载它
您可以将其放在头部或使用答案中提供的css。如果没有，页面将在 Angular 有机会隐藏之前呈现。

标签： javascript jquery html angularjs

【解决方案1】：

当我们使用 ng-cloak 时，我们将 ng-Cloak 放在 css 中，请按照 url https://docs.angularjs.org/api/ng/directive/ngCloak

【讨论】：

【解决方案2】：

包含这个 CSS

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak
{
  display: none !important;
}

即使您需要在<strong> 中写入ng-cloak

<strong ng-cloak>

【讨论】：