javascript - Angularjs ng-if 与 ajax 请求

Question

我是 angularjs 的新手，正在尝试弄清楚如何根据权限显示/隐藏导航栏元素。我目前正在通过 ajax 请求获得权限:

mycloudControllers.controller('HeaderController', ['$scope', '$http',
    function($scope, $http) {
        $http.get('/api/header').then(function(data) {
            $scope = data.data;
            console.log($scope);
        });
    }
]);

HTML:

<div ng-if="viewFiles || updateFiles" class="col-xs-12 col-sm-6 col-md-4 col-lg-3">

JSON 响应(console.log):

{viewAccounts: true, viewAccountTypes: true, viewFiles: true, updateFiles: true}

控制台记录了正确的权限(设置为 true)，但我不知道如何让编译器等到请求完成后才执行 ng-if。我想使用 ng-if 以便完全删除 DOM 元素，而不是仅仅隐藏。

我可能会以错误的方式解决这个问题，所以任何可以发出的光都将不胜感激。

Answer 1

您正在覆盖整个范围。尝试在其上定义一个属性:

$scope.permissions = data.data