Angular * ngSwitchCase wird nicht ausgeführt

Question

Ich bin neu in Angular. Ich benutze ngSwitch in meinem Programm, aber jedes Mal, wenn ich das Programm ausführen *ngSwitchDefault führt statt *ngSwitchCase. Hier ist der Code:

<select [(ngModel)]="selectedControl" class="form-control"> 
    <option *ngFor="let inputControl of inputArray; let i=index" 
    [value]="inputControl">{{inputArray[i]}}</option>         
</select> 
<span [ngSwitch]="selectedControl"> 
    <span *ngSwitchCase="text"> 
    <p>text is selected</p>    
    </span> 
    <span *ngSwitchCase="radio"> 
    <p>radio is selected</p> 
    </span>   
    <span *ngSwitchDefault> 
    <p>Default value</p> 
    </span> 
</span> 

Answer 1

Wickeln Sie die *ngSwitchCase Ausdrücke in die '' ihnen strings zu machen. Der Vergleich wird mit === verwendet, daher wird string mit string verglichen. In Ihrem Fall wird es ein Mitglied mit dem Namen radio oder text finden und ihre Werte erhalten, die undefiniert sind.

<span [ngSwitch]="selectedControl"> 
    <span *ngSwitchCase="'text'"> 
    <!--     ^----^ --> 
    <p>text is selected</p>    
    </span> 
    <span *ngSwitchCase="'radio'"> 
    <!--     ^-----^ --> 
    <p>radio is selected</p> 
    </span>   
    <span *ngSwitchDefault> 
    <p>Default value</p> 
    </span> 
</span> 

Answer 2

Nach https://angular.io/api/common/NgSwitchCasengSwitchCase erwarten expression nicht string. Wenn Sie hardcoded string ersetzen möchten, ersetzen Sie *ngSwitchCase="text" mit *ngSwitchCase="'text'"