有條件地顯示元素與ng-if

Question

我試圖在我的網頁上顯示一個表達式，但只有當變量存在時纔會顯示。

所以此刻我有，

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

，並在我的控制器我有，

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

服務返回的「空」與報價的值。試圖做到這一點的最佳方式是什麼？

Answer 1

要做到這一點，你可以簡單地如果異常 - 在您的變種運行。

在你的控制器，你只需要聲明的變量：

$scope.userTest = authService.getUsername(); 

，然後在您的視圖：

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

如果您userTest爲null，NG-如果會是假的，否則它將是真實的，這個變量將是可見的。

Answer 2

嘗試return值：

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