データファイルが角2に存在しない場合のエラーの発生方法

Question

角2のアプリケーションを構築しています。データベースも使用しています。

<span class="col-sm-6">{{workorder.timeWindowAppointment.date}}</span> 

エラーは次のとおりです：私はこのコード行を入力すると 私はエラーを取得する

は、これは実際には「ヌルのプロパティ 『日付』を読み込めません」私はの日付のプロパティをまだ持っていないので、正しいエラー。私は確かにの日付の特性が将来あることを知っています。

角度2でエラーが発生しないようにするには、ページに何も表示しないでください。

Answer 1

セーフナビゲーションオペレータ（?）を使用できます。それはnull/undefined値からテンプレートを保護します。

<span class="col-sm-6">{{workorder?.timeWindowAppointment?.date}}</span> 

それhereについては、こちらをご覧ください。

Answer 2

この変数はスコープ内で事前定義できます。

$scope.workorder.timeWindowAppointment.date; 

これにより、事前に配置データを持つことができます。おそらく= new Date（）。toIsoString（）;

また、HTMLでも可能です。

<span class="col-sm-6">{{(workorder.timeWindowAppointment.date) || otherValue}}</span> 

繰り返しますが、これは、同じようなことを行いますが、それはあなたに問題を与えるかもしれません念のため、あなたの変数を定義していない、と主が存在しない場合は、別の変数にアクセスすることができます。

または可能です。

<span class="col-sm-6" ng-if="workorder.timeWindowAppointment.date">{{workorder.timeWindowAppointment.date}}</span> 

これは、定義された値があるが、HTMLレイアウトを保持する場合、データを表示します。

もう1つの代替方法があります。

<span class="col-sm-6" ng-show="workorder.timeWindowAppointment.date">{{workorder.timeWindowAppointment.date}}</span> 

これはデータを表示しますが、HTMLを非表示にします。