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

Question

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

所以目前我有，

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

在我的控制器中，

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

服务 returns 的值 "null" 带引号。尝试这样做的最佳方法是什么？

Answer 1

尝试return值：

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

Answer 2

为此，您只需运行将 ng-if 添加到您的 var.

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

$scope.userTest = authService.getUsername();

然后，在您看来：

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

如果您的 userTest 为 null，ng-if 将为假，否则为真且此变量可见。

Conditionally display an element with ng-if