如何在angular2模板中从列表中隐藏选定列表项？

我试图隐藏已选中并添加到另一个列表中的列表项，但不知道应用什么，所以添加的项不会显示在列表中

  <div class="countries-list">
    <span class="countries-list__header">{{'GeneralOrganizationalBackgroundSurveyComponent-STEP_6_ALL_LOCATIONS' | translate}}</span>
    <ul>
        <li *ngFor="let country of filteredCountries"
            (click)="selectCountry(country, 'add')"
            class="add"
            [ngClass]="{'selectedCountry':   selectedCountry?.name == country.name && selectedCountry?.action === 'add',
                        'disabledSelection': selectedCountry?.disabledSelection && selectedCountry?.name == country.name}">
            {{ country.name }}
        </li>
    </ul>
</div>
<div class="contries-controllers">
    <a class="btn-floating btn waves-effect waves-light cyan darken-3"
       [ngClass]="{'disabled': selectedCountry === null || selectedCountry?.action === 'delete'}"
       (click)="addCountryFromForm(selectedCountry.code)">
        <i class="material-icons">add</i>
    </a>
</div>

---

似乎是该指令的确切用例，例如：

---

请将代码添加到您的问题中