backbone.js - 将数据从父模板传递到子模板

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

希望这可以帮助！