在剑道的日期管道中包含变量值（动态格式）：AngularJS

Question

我有一个日期值的剑道列，我们在下面的列内的模板属性中使用了这样的管道。

现在我想根据日期格式更改剑道网格列的格式

我的问题/问题：- 我正在根据用户偏好从 localStorage 中检索日期格式，例如 dd-MM-yyyy 或 MM-dd-yyyy 或 dd-MM-yy 或 MM-dd-yy。

但是，每当我在模板中使用该变量（包含日期格式，例如：dd-MM-yyyy）代替具有相同默认日期管道格式的默认日期管道时，剑道不接受它并给出错误：不能读取未定义剑道的属性“超时”

const myDateFormat = this.$localStorage.dateFormat;   
function getDefaultColumns($translate) {
        return [
            {
              field: 'INVOICE_DATE',
              title: $translate.instant('invoiceDate'),
              headerTemplate: '{{ \'invDate\' | translate }}',
              template: '{{ dataItem.INVOICE_DATE | date: \'yyyy-MM-dd\' }}',//i am using the localStorage value here 
              filterable: {
                ui(element) {
                  element.kendoDatePicker({
                    format: 'yyyy-MM-dd'
                  });
                }
              },
              width: 100
            }
        ];
    }

Answer 1

我认为你可以使用 ES2015 模板字符串完成你想要的。

考虑对您的程序清单进行此修改：

function getDefaultColumns($translate) {
    let dateFormat = 'yyyy-MM-dd';
    return [
    {
          field: 'INVOICE_DATE',
          title: $translate.instant('invoiceDate'),
          headerTemplate: '{{ \'invDate\' | translate }}',
          template: `{{ dataItem.INVOICE_DATE | date: \'${dateFormat}\' }}`,
          filterable: {
            ui(element) {
              element.kendoDatePicker({
                format: dateFormat
              });
            }
          },
          width: 100
        }
    ];
}