AngularJS md-select-value在清除之前会短暂显示值

Question

在大多数情况下，我有一个使用AngularJS v1.5.5的Web应用程序，该程序运行良好。但是，我最近将一个字段从md-autocomplete更改为md-select，但结果却变得奇怪且不一致。

• 使用Windows，Edge和Chrome在FireFox上可以正常使用。
• 使用Android在Chrome上可以正常使用。
• 这在macOS上使用Chrome可以正常工作，但在使用Safari上失败。
• 无论我使用iOS还是Safari，这都在Chrome上失败。

所需结果

当用户在日历上选择一个事件时，将打开一个侧边栏，其中包含作业信息和显示在选择列表中的特定记录，如下所示：

这应该呈现：

<md-select-value class="md-select-value" id="select_value_label_123">
    <span>
        <div class="md-text ng-binding">
            18.07.18 : Jignesh Rupawala
        </div>
    </span>
    <span class="md-select-icon" aria-hidden="true"> :: after </span>
</md-select-value>

如前所述，这恰恰发生在Windows和Android上。它甚至在iOS上短暂发生，但几乎立即清除了该值。

实际结果

但是，使用macOS，这是在清除值之后实际呈现的内容：

<md-select-value class="md-select-value md-select-placeholder" id="select_value_label_123">
    <span></span>
    <span class="md-select-icon" aria-hidden="true"> :: after </span>
</md-select-value>

在macOS开发人员工具中，我确实看到了错误：

Error: undefined is not an object (evaluating 'b.supervisorId')

有人猜测是什么导致md-select在Safari和iOS中失败？

更新

我发现在iOS上，我偶尔可以通过单击不同的作业来使其正确呈现。

为什么有时会起作用？