当案例发生变化时，Angular2 ngSwitch不会替换html

Question

我对Angular2很新，我遇到了ngSwitch指令的问题。由于某些原因，我不明白，当我改变案例 - 更改选择中的值时 - html会附加到现有的html而不会被替换。

以下是我的模板的一部分：

<select id="typeFC" class="form-control"
                                [(ngModel)]="object.type"
                                (change)="changeFunction()"
                                name="type">
    <option *ngFor="let type of response.types" [value]="type">
                                {{ type }}
    </option>
</select>
<div [ngSwitch]="object.type">
            <div *ngSwitchCase="'value1'" class="row">
                <app-common-card class="col-6"
                                 [nameCard]="'Card One A'">
                </app-common-card>
                <app-common-card class="col-6"
                                 [nameCard]="'Card One B'">
                </app-common-card>
            </div>
            <div *ngSwitchCase="'value2'" class="row">
                <app-common-card class="col-6"
                                 [nameCard]="'Card Two A'">
                </app-common-card>
                <app-common-card class="col-6"
                                 [nameCard]="'Card Two B'">
                </app-common-card>
            </div>

        </div>

在我的组件中，我有这个属性用于inizialization。

exampleObject: ObjectType = {
        type: 'value1',
        stuff: 'value2'
    };

当我在changeFunction中创建控制台时，它会向我显示属性的新值，但是html部分会附加到已存在的部分。有人能帮帮我吗？