我是 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 元素,而不是仅仅隐藏。
我可能会以错误的方式解决这个问题,所以任何可以阐明的光都将不胜感激。