Handlebars.js 中花括號內的變量名稱

Question

我有一個助手准備這樣的表達式{{@../../key}}.{{@../key}}.{{@key}} 。 我如何執行這個由助手返回的表達式

示例對象：

{
    "a": { 
        "b": { 
            "c": 1 
             }
       }
}

示例： <input name="{{testHelper arg1 arg2}}" />

預期輸出： <input name="abc" />

接收到的輸出： <input name="{{@../../key}}.{{@../key}}.{{@key}}" />

簡單的例子在這里

Answer 1

這可以通過遞歸助手來解決。 像這樣：

Handlebars.registerHelper('getPath', function(meta) {
  const resolvePath = (node, path=[]) => {
    if (node._parent) {
        return resolvePath(node._parent, [node.key, ...path]);
    }
    return [node.key, ...path];
  }
  return resolvePath(meta.data)
    .filter(p => p !== undefined)
    .join('.');
});

看游樂場

編輯：如果您真的只想要某個任意深度的路徑，請改用此版本。

Handlebars.registerHelper('getPath', function(depth, meta) {
  const resolvePath = (depth, node, path=[]) => {
    if (node._parent && depth > 0) {
        return resolvePath(depth-1, node._parent, [node.key, ...path]);
    }
    return [node.key, ...path];
  }
  return resolvePath(depth, meta.data)
    .filter(p => p !== undefined)
    .join('.');
});

看游樂場