将数据从父项传递到子模板

Question

我开始使用Suitecommerce Advanced教自己开发，并且有些事情我被困住了。

我在父视图模板调用此，我想对一个类名传递给孩子：

<div data-view="Header.Menu" data-options="{className : 'nav-header'}"></div> 

，然后在子视图的模板，我想使用类名

<ul class="{{className}}"> 
    {{#each links}} 
     <li class="nav__item"><a class="hvr-underline" href="{{link}}">{{name}}</a></li> 
    {{/each}} 
</ul> 

不幸的是，这不是正确的做法，但我不确定正确的方法。

Answer 1

当你调用从父视图的.js文件子视图，加入这样的选项：

childViews: { 
     'Header.Menu': function() 
     { 
      return new HeaderMenuView({ 
       option1: 'option1 value', 
       option2: 'option2 value', 
      }); 
     } 

然后你可以从它的view.js子视图的初始化函数访问像这样的文件：

initialize: function(options) 
{ 
    console.log(options.option1); 
    console.log(options.option2); 
} 

希望这有助于！