ngmodelが== ""（空）の場合のコンテンツの表示方法、ngmodelが！= ""の場合、他のコンテンツを表示する必要があります

Question

私のng-modelはsandtonmodelです。 このモデル名に基づいてスイッチを使用しています。モデル値が！= ""のときにコンテンツを表示するのに苦労しています。スイッチが== ""のときは他のコンテンツを表示する必要があります
私はこのようにしています。

 <div ng-switch="sandtonmodel"> 
     <div ng-switch-when="sandtonmodel != "" "> 
     The Quantity in ton: {{sandtonmodel}}<br> 
     Total price:{{sandtonmodel * 120}}<br> 
     </div> 
     <div ng-switch-when="sandtonmodel == "" "> 
     The Quantity in bag: {{sandbagmodel}}<br> 
     Total price:{{sandbagmodel * 120}}<br> 
     </div> 
     </div> 

Answer 1

私はあなたがスイッチしている値は条件でなければならないとは思わない、それは値でなければならない。

ng-switch-defaultを使用すると、既にオンに切り替えたものと一致しないものをキャッチすることができます。

ここにはng-switchのドキュメントがあります。例えば

：

<div ng-switch="sandtonmodel"> 
    <div ng-switch-when=""> 
     The Quantity in bag: {{sandbagmodel}}<br> 
     Total price:{{sandbagmodel * 120}}<br> 
    </div> 
    <div ng-switch-default> 
     The Quantity in ton: {{sandtonmodel}}<br> 
     Total price:{{sandtonmodel * 120}}<br> 
    </div> 
</div> 

それともng-ifを使用することができます。

<div ng-if="sandtonmodel === ''"> 
    The Quantity in bag: {{sandbagmodel}}<br> 
    Total price:{{sandbagmodel * 120}}<br> 
</div> 

<div ng-if="sandtonmodel !== ''""> 
    The Quantity in ton: {{sandtonmodel}}<br> 
    Total price:{{sandtonmodel * 120}}<br> 
</div> 

またはng-showを使用できます。私は条件の両方にNG-ショーを使用する場合

<div ng-show="sandtonmodel === ''"> 
    The Quantity in bag: {{sandbagmodel}}<br> 
    Total price:{{sandbagmodel * 120}}<br> 
</div> 

<div ng-show="sandtonmodel !== ''""> 
    The Quantity in ton: {{sandtonmodel}}<br> 
    Total price:{{sandtonmodel * 120}}<br> 
</div>