TypeScript strictNullChecks - オブジェクトが 'null'である可能性があります

Question

を角度4.1.1で有効にした後、nullのいくつかのエラーが発生しました。私はそれらのバンドルを固定しましたが、this.form.get('username').valueのために同じObject is possibly 'null'を修正することができません。同様に他の人も、同じことを試みましたが、エラーを修正できませんでした。

if (this.form.get('username') != null) { 
    body.append('username', this.form.get('username').value); 
} 

Answer 1

あなたが本当にここにキャストする必要はありません

this.form.get('username')!.value; // notice ! 

Answer 2

ようNon-null assertion operatorを使用してみてください。あなたは実際にする必要はありません。

それを行うには、最もコンパクトな方法：

const username = this.form.get('username'); 
if (username) body.append('username', username.value); 

またはEXIT-初期のスタイルで：

const username = this.form.get('username'); 
if (!username) return; 
# back to normal flow 
body.append('username', username.value); // no complaint, username cannot be falsy, then it must be { value: string } 

コンパイラはthis.form.get('username')がnullチェックと時間の間で変化していないことを推測することはできませんあなたはそれに.valueを使用します。

変数はconstです。