htmlビューの角度ng-if式

Question

htmlの（パイプ式を使用して）日付値を表示するのが目的ですが、その日付が存在する場合にのみ表示されます。 そのフィールドがnullに戻った場合は、コントローラーのjsコードのN/Aに置き換えます。

これはシンプルであるべきだと思いますが、問題が発生しています。

これは現在、日付を表示します。または、日付がnullの場合は空白になります。

<div> 
 
    <label> 
 
    {{ctrl.data.myDate | stringToDate:'yyyy-MM-dd'}} 
 
    </label> 
 
</div>

私がしようとしている：

<div> 
 
     <label> 
 
     <span ng-if="ctrl.data.myDate!='N/A'"> 
 
      {{ctrl.data.myDate | stringToDate:'yyyy-MM-dd'}} 
 
     </span> 
 
     </label> 
 
     
 
     <label> 
 
     <span ng-if="ctrl.data.myDate=='N/A'"> 
 
      N/A 
 
     </span> 
 
     </label> 
 
     
 
</div>

をしかし、日付がN/Aあるとき、それはnullを表示しています。

これは動作しますが、パイプ式なし - しかし、私はパイプに適切に日付文字列が必要です。

<span>{{vm.data.myDate==='N/A' ? "N/A" : vm.data.myDate }}</span> 

UPDATE

私が使用できる場所私は別のアプローチをしようとしているが角度$filterプロバイダ。 myDateがNULLでない場合ので、私は私のjsコントローラで日付をフォーマットすることができます。

vm.data.myDate = $filter('date')(new Date(data[0].closeDate), 'yyyy-MM-dd'); 

Answer 1

<span> 
{{ (vm.data.myDate==='N/A' || !vm.data.myDate) ? "N/A" : (vm.data.myDate | date:'yyyy-MM-dd') }} 
</span> 

Answer 2

ビューの値と1つの変数でモデルの値を持つことは間違ったアプローチです。次のいずれかに従う必要があります。

ストアのみのモデル値を、あなたはnullにすることができjsの中の日付を持っている、とhtmlで：

{{ctrl.data.myDate | date:'yyyy-MM-dd' || 'N/A'}} 

それとも、その後、あなたがそれを解析する必要があり、また保存した値を表示しますコントローラ：

 ctrl.data.myDateText = $filter('date')(ctrl.data.myDate, 'yyyy-MM-dd'); || 'N/A' 
in html: {{ctrl.data.myDateText}}