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

Question

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

所以现在我有，

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

在我的控制器里，我有，

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

服务返回值＆＃34; null＆＃34;报价。尝试这样做的最佳方法是什么？

Answer 1

为此，您只需在变种上运行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，此变量将显示。

Answer 2

尝试return值：

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