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

然后，您可以从子视图的初始化功能中访问它＆＃39; view.js这样的文件：

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

希望这有帮助！

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

1 个答案: