javascript - 使用ng-if有条件地显示元素

我试图在网页上显示一个表达式，但前提是该变量存在。

所以目前，

<ul class="nav navbar-nav navbar-right">
   <li ng-if="displayUsername()">{{userTest}}</li>
</ul>

在我的控制器中，

$scope.displayUsername = function () {
    $scope.userTest = authService.GetUsername();
}

该服务返回带引号的“空”值。尝试执行此操作的最佳方法是什么？

最佳答案

为此，您只需在var上运行ng-if即可。

在您的控制器中，您只需声明变量：

$scope.userTest = authService.getUsername();

然后，在您看来：

<ul class="nav navbar-nav navbar-right">
   <li ng-if="userTest">{{userTest}}</li>
</ul>

如果您的userTest为null，则ng-if将为false，否则它将为true，并且此变量将可见。