条件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

はいできます。

<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:51:26

まだ変更はありません –

私はGithubのプロジェクトへのリンクを追加しました。これをチェックしてください。 –

H3を条件を追加するためにng-ifを使用-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 08:54:56 Faraz

@Ray Satadalこれを試す – Faraz

Githubのプロジェクトへのリンクを追加しました。これをチェックしてください。 –

あなたはNGを使用することができますように

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

は、あなたも行うことができますctrl.loggedInUser.FirstNameは、いくつかの値を持っている場合にのみ表示されますDOMに

<h3 ng-show="ctrl.loggedIn" ng-if="ctrl.loggedInUser.FirstName"> 
    {{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

答えて

関連する問題