角2型エラー：定義されていない 'toUpperCase'のプロパティを読み取ることができません

Question

医療用ウェブサイトを開発中です。医薬品の量が<の場合、medicament.component.HTMLページに警告が表示されます。 私はこれでした：

<span *ngFor="let medicament of medicaments" > 
     <span *ngIf="{{medicament.quantity}} < 50"> 
      <div class="callout callout-danger lead"> 
      <h4>Alert!</h4> 
      <p>Vous devez charger le stock de medicaments {{medicament.nom}}       
    de type {{medicament.type}} </p> 
     </div> 
     </span></span> 

をしかし、それは動作しない理由を私は知らない、エラーは次のとおりです。

 > Unhandled Promise rejection: Template parse errors: 
     TypeError: Cannot read property 'toUpperCase' of undefined ("<span    
     *ngIf="medicaments"> 
    <span *ngFor="let medicament of medicaments" > 
     <span [ERROR ->]*ngIf="{{medicament.quantity}} < 50"> 
      <div class="callout callout-danger lead"> 
     "): MedicamentComponent@26:18 
    Can't bind to '*ngIf' since it isn't a known property of 'span'.    
    ("<span *ngIf="medicaments"> 
    <span *ngFor="let medicament of medicaments" > 
     <span [ERROR ->]*ngIf="{{medicament.quantity}} < 50"> 
      <div class="callout callout-danger lead"> 
     "): MedicamentComponent@26:18 

Answer 1

あなたはngIfで補間{{ }}を使用しないでください。それは表現を期待：

<span *ngIf="medicament.quantity < 50"> 

Answer 2

ここにあなたのログ内のエラーの箇所を確認できます。

<span [ERROR ->]*ngIf="{{medicament.quantity}} < 50"> 

を、あなたはどこがいけない財産上の表現を使っているので、それがあります。あなただけが比較されているプロパティを使用する必要があります。

<span *ngIf="medicament.quantity < 50"> 

Answer 3

ngIfあなたは括弧を削除する必要があることを、意味の角度文脈ですでにある{{}}