文章/答案/技术大牛

发布

社区首页 >问答首页 >JsViews‘include标记上的数据上下文

问JsViews‘include标记上的数据上下文
EN

Stack Overflow用户

提问于 2018-04-18 08:54:32

回答 2查看 125关注 0票数 0

我做了一个片段来展示我所面临的问题：

<html>
    <head>
        <title>Demo 1 JsViews</title>
        <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha256-k2WSCIexGzOj3Euiig+TlR8gA0EmPjuc79OEeY5L45g=" crossorigin="anonymous"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jsviews/0.9.90/jsviews.min.js"></script>
    </head>
    <body>
        <script id="template" type="text/x-jsrender">
            <p>{{:property}}</p>
            {^{on ~root.testFunction}}PUSH ME!{{/on}}
            {{for nestedObjects}}
                {{include #data tmpl="#template-2"/}}
            {{/for}}
        </script>

        <div id="container"></div>

        <script id="template-2" type="text/x-jsrender">
            <p>{{:~root.property}}</p>
            {^{on ~root.testFunction}}PUSH ME!{{/on}}
        </script>

        <div id="container-2"></div>
        
        <script>
        data = {
        property : "PARENT",
        testFunction : function(){ alert(this.property); },
        nestedObjects : [
            {
                id: 0,
                property: "CHILD1",
                testFunction : function(){ alert(this.property);}
            },
            {
                id: 1, 
                property: "CHILD2",
                testFunction : function(){ alert(this.property);}
            }]
        };
        /**
        * Funciones
        */
        $(document).ready(function(){
        var tmpl = $.templates("#template");
        tmpl.link("#container", data);
        });
        </script>
    </body>
</html>

如您所见，在nestedObjects‘’#template-2‘中，它从主数据对象中获取属性，而不是从每个项中获取属性。我知道这是正常的行为。

是否有一种方法可以使include标记以每个nestedObjects‘项而不是整个数据对象作为上下文？

我知道，如果我删除'#template-2'中的'~root'修饰符，它将按预期工作，但如果可能的话，我需要使用'~root'修饰符。

(预先谢谢:)

javascript

templates

jsviews

回答 2

Stack Overflow用户

发布于 2018-04-18 14:45:56

在尝试了许多事情之后，我设法让它以另一种方式使用helper对象，如果有人有类似的问题，请随时与我联系:)。

票数 0

Stack Overflow用户

发布于 2018-04-18 19:45:20

~root是一个内置的帮助程序，它指向传递给link()或render()方法的顶级数据。见http://www.jsviews.com/#contextualparams@root。

所以你不能改变它让它指向其他地方。但是您可以创建自己的助手(不使用保留的root名称)，例如：

{{include #data ~myroot=#data tmpl="#template-2"/}}

在模板中-2写

{{:~myroot.property}}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/49895307

复制

相似问题

问JsViews‘include标记上的数据上下文
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JsViews‘include标记上的数据上下文EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JsViews‘include标记上的数据上下文
EN