將數據從父項傳遞到子模板

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); 
} 

希望這有助於！