ember.js - Ember 模板助手 get-value-with-key

Question

Ember 是否有任何模板帮助程序“get-value-with-key”我发现了以下用法，但不确定它到底做了什么？

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

Answer 1

HTMLBars 有一个 Ember Get Helper。如果您使用的是 ember < 2.1，您可能必须安装包“ember-get-helper”。

{{get object key}}

Answer 2

您可以使用内置的 get 助手。请参阅此处的文档：Ember 文档。

使用示例：

{{get object key}}

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

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

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

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

但是，这在 get 助手中不起作用

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

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

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

ember twiddle 可以在这里找到：twiddle

其他有用的资源：

• 名称中带有点的对象键的点表示法
• 如何在 mustache 模板中引用包含点的字段名称？

Answer 3

假设您有以下对象：

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

使用 Ember 3.18，从模板访问“hello world”，您可以执行以下操作：

{{get obj 'key1.subkey1'}}