md-tooltip仍然保留在页面中

Question

  <div layout-gt-sm="row">
                    <md-chips id="ACDeptsChip" class="md-block" flex ng-model="searchModels.departments" md-autocomplete-snap="true" md-transform-chip="transformChip($chip)" md-require-match="true" auto-focus ng-if="!searchModels.includeAllDepartments">
                        <md-autocomplete id="ACDeptsAutoComp" md-no-cache="true" md-search-text="searchModels.searchDepartments" md-selected-item-change="chipUpdated(item)" md-items="item in queryDepartments(searchModels.searchDepartments, searchModels.departments)" md-item-text="item.name" md-floating-label="{{'COMMON.DEPARTMENTS' | translate}}">
                            <md-item-template>
                                <span md-highlight-text="searchModels.searchDepartments">{{item.name}}</span>
                                <md-tooltip>
                                    {{item.name}}
                                </md-tooltip>
                            </md-item-template>
                            <md-not-found>
                                <span translate>ERRORS.NOMATCHES</span>
                            </md-not-found>
                        </md-autocomplete>
                        <md-chip-template>
                            <span>
                                <strong>{{$chip.name}}</strong>
                                <md-tooltip>
                                    {{$chip.name}}
                                </md-tooltip>
                            </span>
                        </md-chip-template>
                    </md-chips>
                    </div>

选择自动完成中的值后，自动完成中的

md-tooltip不会隐藏。如果选择了该值，则该工具提示应从页面中隐藏