当语言环境发生变化时，日期格式不会以角度形式更改

Question

我有一个由棱角分明的形式生成的表格。 我使用角度日期过滤器格式化日期

 this.formlyFields = [
        {
            key: 'fromDate',
            type: 'datepicker',
            templateOptions: {
                    label: this.i18n.text('searchCase_FromDate'),
                type: 'text',
                    placeholder: this.i18n.text('searchCase_FromDatePlaceholder'),
                required: true,
                datepickerOptions: {
                    format: 'shortDate',
                    'show-weeks': false,
                }
            },
            expressionProperties: {
                    'templateOptions.label': '"searchCase_FromDate" | translate',
                    'templateOptions.placeholder': '"searchCase_FromDatePlaceholder" | translate'
            }
        }
 ]

以下是我使用的模板：

<input type="text"
               id="{{::id}}"
               name="{{::id}}"
               ng-model="model[options.key]"
               class="form-control"
               uib-datepicker-popup="{{to.datepickerOptions.format}}"
               is-open="datepicker.opened"
               datepicker-options="to.datepickerOptions"
               current-text="{{'datepickerCurrent' | translate}}" clear-text="{{'datepickerClear' | translate}}" close-text="{{'datepickerClose' | translate}}" />

当我查看此视图​​并更改区域设置时，日期将不会重新格式化。

如果我在到达此页面之前更改了语言环境，那将会是。

我正在使用angular-dynamic-locale更改语言环境。 如果在视图中我显示如下：

<div>{{vm.formlyModel.fromDate | date:'shortDate'}}</div>

但如何以棱角分明的形式获得相同的结果？

向你求助。