Question

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

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

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;
            }

        });

    }

Answer 1

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

Answer 2

包含此CSS

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

即使你需要在ng-cloak

内<strong>

<strong ng-cloak>

当页面加载时，Angular JS ng-cloak无法正常显示表达式符号

2 个答案: