Question

我是AngularJS的新手。

我从Rest API获取数据并在页面上显示。

我的假设代码在下面给出。

$http.get(local_url+'/data').
    then(function(response) {
        $scope.data = response.data.client_data;
    });

现在假设我写作。

<p>{{ data.name }}</p>

因此，当我进入页面时，它会在显示任何名称之后显示在{{ data.name }}代码之上。

=============================================== ==============

解。

我在身体标签中使用过。 <body ng-cloak>它会起作用。

感谢。

Answer 1

您可以做的是将$scope.data之前的$http定义为空字符串

$scope.data = "";

您还可以使用ngCloak指令中的构建。这样可以防止AngularJS以原始格式显示$scope。

您可以在AngularJS文档here

中找到有关它的更多信息

另一种选择是使用ng-if或ng-show表达式来检查在呈现element之前是否设置了值。

<p ng-if="data.name">{{data.name}}</p>

或

<p ng-show="data.name">{{data.name}}</p>

当表达式ng-if和appends切换true或{{1}时，ng-show克隆元素并将其display: none;克隆到文档中在元素上陈述。

有用的链接：
ng-if documentation
ng-show documentation