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

假設您有以下對象：

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

使用 Ember 3.18，要從模板訪問“hello world”，您可以執行以下操作：

{{get obj 'key1.subkey1'}}

Answer 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 助手中不起作用

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

一種解決方案是創建一個可以支持您需要支持的密鑰類型的助手。 例如，我制作了一個可以處理帶有 '.' 的鍵的助手。 通過包括“。” 在鍵名中像''一樣轉義。

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

ember twiddle 可以在這里找到： twiddle

其他有用的來源：