Ember 模板助手 get-value-with-key答案

【问题标题】：Ember template helper get-value-with-keyEmber 模板助手 get-value-with-key
【发布时间】：2016-06-09 19:11:01
【问题描述】：

Ember 是否有任何模板助手“get-value-with-key” 我找到了下面的用法，但不确定它到底是做什么的？

{{get-value-with-key item optionValuePath}}

【问题讨论】：

【解决方案1】：

有一个用于 HTMLBars 的 Ember Get Helper。如果您使用的是 ember ，则可能需要安装包“ember-get-helper”。

{{get object key}}

【讨论】：

【解决方案2】：

假设您有以下对象：

var obj = {
  "key1": {
    "subkey1": "hello world"
  }
}

使用 Ember 3.18，从模板访问“hello world”，您可以：

{{get obj 'key1.subkey1'}}

【讨论】：

【解决方案3】：

您可以使用内置的 get 助手。在此处查看文档：Ember Docs。

使用示例：

{{get object key}}

请注意，get 助手将无法处理所有 JavaScript 键。例如，带有“.”的键不适用于内置的 get 助手。

例如，如果您有一个有效的 JavaScript 对象，例如：

const example = {
    'example.pdf': 'pdf_url'
}

// You can access this key normally via
example['example.pdf']

但是，这在 get helper 中不起作用

{{get this.example 'example.pdf'}}

一种解决方案是创建一个可以支持您需要支持的键类型的助手。例如，我制作了一个可以处理带有“。”的键的助手。通过包括“。”在用 '' 转义的键名中。

{{get this.example 'example\.pdf'}}

余烬旋转可以在这里找到：twiddle

其他有用的资源：

【讨论】：