條件NG-顯示

有沒有辦法把一個條件在以下幾點：條件NG-顯示

<h3 ng-show="ctrl.loggedIn"> 
{{ctrl.loggedInUser.FirstName + " " + ctrl.loggedInUser.LastName + " is logged in."}} 
</h3>

即如果ctrl.loggedInUser.FirstName是未定義或空那就不是打印。

點擊here訪問GitHub上的項目。

來源

2017-03-16 Ray Satadal

當然可以。使用ng-if添加條件DOM

<h3 ng-show="ctrl.loggedIn" ng-if="ctrl.loggedInUser.FirstName"> 
    {{ctrl.loggedInUser.FirstName + " " + ctrl.loggedInUser.LastName + " is logged in."}} 
</h3>

來源

2017-03-16 08:51:26

仍然沒有改變 –

我添加了一個鏈接到Github上項目。請檢查一下。 –

H3將只顯示如果ctrl.loggedInUser.FirstName有一定的價值

<h3 ng-show="ctrl.loggedIn && (ctrl.loggedInUser.FirstName!=null || (ctrl.loggedInUser.FirstName!='undefined')")> 
{{ctrl.loggedInUser.FirstName + " " + ctrl.loggedInUser.LastName + " is logged in."}} 
</h3>

你也可以做到像

<h3 ng-hide="!ctrl.loggedIn && (ctrl.loggedInUser.FirstName==null || (ctrl.loggedInUser.FirstName=='undefined')")> 
    {{ctrl.loggedInUser.FirstName + " " + ctrl.loggedInUser.LastName + " is logged in."}} 
    </h3>

來源

2017-03-16 08:54:56 Faraz

@Ray Satadal試試這個 – Faraz

我添加了一個鏈接到Github上項目。請檢查一下。 –

您可以使用納克-show

<h3 ng-show="ctrl.loggedInUser.FirstName!=undefined || ctrl.loggedInUser.FirstName!=null"> 
{{ctrl.loggedInUser.FirstName + " " + ctrl.loggedInUser.LastName + " is logged in."}} 
</h3>

來源

2017-03-16 10:07:29

不工作。「已登錄」。是默認打印的。 –

我在Github上添加了一個項目鏈接。請檢查一下。 –

<div ng-switch on="ctrl.loggedInUser.FirstName == null || ctrl.loggedInUser.FirstName == undefined || ctrl.loggedInUser.FirstName == ''"> 
    <h3 ng-switch-when="true">Please log in.</h3> 
    <h3 ng-switch-when="false">{{ctrl.loggedInUser.FirstName + " " + ctrl.loggedInUser.LastName + " is logged in."}}</h3> 
</div>

這爲我工作。感謝所有的想法。

來源

2017-03-20 11:19:05

回答

相關問題