如何使用 app.locals。 javascript中的参数？

Question

我正在开发一个 node.js 应用程序。我在 app.js 中加载了一个 JSON 文件作为 app.locals.parameter。 然后我试图在我的 index.hbs 中使用它。

假设：

app.locals.componentData = require('./myfile.json');

当我在下面的 HTML 部分中使用参数时，它运行正常。

 {{#each componentData.categories}}
        <li id="{{this.categoryName}}" name="{{this.categoryName}}" class="btn btn-primary btn-sm" style="position: relative; z-index: 10; margin-bottom:3px" draggable="true" role="option" aria-grabbed="false"><div><img src="images/plugin.png" alt="{{this.categoryDescription}}"/>{{this.categoryName}}</div></li>
 {{/each}}

但是当我尝试在我的 javascript 函数中使用该参数时，它无法识别它。

function InitComponents() {
         for( var i = 0; i < componentData.categories.length; i++ ){
             alert("in loop!"+i+"-"+componentData.categories[i].categoryName);
              if(componentData.categories[i].categoryName.match(itemId)){
              alert("here:"+componentData.categories[i].parameters.length);
          createParameterList(newID,componentData.categories[i].parameters);
                        }

            }

    }

我的 JSON 格式如下：

{
    "categoryName": "xyz",
    "categories": [
      {
        "categoryName": "ABC", 
        "parameters": [
          {
            "ParameterID": "ID",
            "ParameterName": "ID",
            "ParameterDefultValue": "",
            "ParameterValue": "",
            "ParameterDescription": "ID Description"
          }]
}]
}

我可以知道为什么系统无法理解吗 componentData.categories.length 在我的脚本部分？

Answer 1

这里的问题是InitComponents 函数对app.locals 一无所知。 app.locals 变量在模板中被识别。为了使您的代码正常工作，您需要将app.locals.componentData 作为参数传递给InitComponents 函数：

function InitComponents(componentData) {
     for( var i = 0; i < componentData.categories.length; i++ ){
         alert("in loop!"+i+"-"+componentData.categories[i].categoryName);
          if(componentData.categories[i].categoryName.match(itemId)){
            alert("here:"+componentData.categories[i].parameters.length);
            createParameterList(newID,componentData.categories[i].parameters);
          }
     }
}

现在你可以像这样调用这个函数了

InitComponents(app.locals.componentData);

和InitComponents 现在将真正知道componentData 是什么。 如果您在中间件中使用此功能，您可以通过req.app 访问app：

myMiddlewareFunction((req, res, next) => {
    const app = req.app;
    initComponents(app.locals.componentData);
    // some other logic
})