ui-select绑定在选择其他项目时不起作用

Question

我创建了一个phoneInput指令，该指令有一个ui-select元素，用于选择所需的国家/地区代码和电话号码的输入元素。

ui-select元素如下所示：

<ui-select ng-model="selectedCountryPhone" ng-model-options="{updateOn: 'default'}">
        <ui-select-match placeholder="{{'IMPORT_USERS.COUNTRY_PLACEHOLDER' | translate}}">
            <span>{{$select.selected.phone}}</span>
        </ui-select-match>
        <ui-select-choices repeat="country.phone as country in (countries | filter: $select.search)" >
            <span>{{country.name}}({{country.phone}})</span>
        </ui-select-choices>
    </ui-select>

我可以在指令中启动模型selectedCountryPhone，但是当我尝试从列表中选择其他国家/地区时，它会显示我选择了新的国家/地区代码但{{1}的值}仍然是初始值......