Przełącznik kątowy z boolowskim

Question

Chcę sprawdzić dane boolowskie za pomocą kątowego przełącznika ng

To jest mój kod. ale to nie działa

<div ng-switch={{Item.ItemDetails.IsNew}}> 
    <div ng-switch-when="true"> 
     <p class="new fontsize9 fontWeightBold">NEW</p> 
    </div> 
</div> 
    <div ng-switch={{Item.ItemDetails.IsFeatured}}> 
     <div ng-switch-when="true"> 
       <div class="featured"> 
        <p class="fontWeightBold fontsize8">featured</p> 
       </div> 
     </div> 
    </div> 

wartości {{Item.ItemDetails.IsNew}} i {{}} Item.ItemDetails.IsFeatured są prawdziwe czy fałszywe

Answer 1

Jeśli tylko sprawdzanie prawdziwych wartości, ng-jeśli wydaje się bardziej odpowiednie i zmniejsza potrzebę stosowania dodatkowych div zawierających kod, zmniejszając swoją próbkę też:

<div ng-if="Item.ItemDetails.IsNew"> 
    <p class="new fontsize9 fontWeightBold">NEW</p> 
</div> 
<div class="featured" ng-if="Item.ItemDetails.IsFeatured"> 
    <p class="fontWeightBold fontsize8">featured</p> 
</div> 

pełne dokumenty na: http://docs.angularjs.org/api/ng.directive:ngIf

Answer 2

Konwersja boolea n na ciąg:

<div ng-switch="Item.ItemDetails.IsNew.toString()"> 
    <div ng-switch-when="true"> 

Answer 3

Ta składnia działa dla mnie:

<div ng-switch="Item.ItemDetails.IsFeatured"> 
    <div ng-switch-when="true">FEATURED ITEM HTML</div> 
    <div ng-switch-default>REGULAR ITEM HTML (not featured)</div> 
    </div> 

Answer 4

Należy usunąć {{}} z ng-switch: zmienić tę <div ng-switch={{Item.ItemDetails.IsNew}}> do <div ng-switch=Item.ItemDetails.IsNew>