Question

从Json API中，数据被读取并显示在HTML中。

用户还可以添加在脚本标记内存储为staticCards对象的自定义文章。

现在我想找到呈现staticCards的HTML，并仅向这些文章添加一个类。

我如何区分？ staticCards＆amp;动态卡（直接从JSON API呈现）

＆＃13;

var staticCards = [{
    "cardLayout": "comms-double-image",
    "cardLabel": "STORY",
    "cardTitle": "households receive their share of $3.4 billion",
    "cardDate": "05 April 2017",
    "fileReference": "/content/dam/caas/newsroom/images/2016-09-15-newsroom-habib-spoons-banner-image.png",
    "imageFocus": "image-centre-focus",
    "cardLinkURL": "#",
    "cardLinkDTM": "data-tracker-id=\"cards_1_1\" data-tracker-type=\"button\" data-tracker_ei=\"cards_1_1\" "
}]

＆＃13;

<script type="text/x-handlebars-template" id="comms-double-image">

    <article class="card card-double cvp comms image" data-tags="">

        <a href="{{link}}" class="link" data-tracker-id="{{trackerId}}" data-tracker-type="{{trackerType}}" data-tracker_ei="{{trackerEI}}">

            <div class="mobile-wrapper">

                <div class="background-container" style="background-image : url({{image}});">

                    <h4 class="eta font-low-impact">{{label}}</h4>

                </div>

                <div class="content">
                    <time datetime="{{date-time}}">{{date-time}}</time>
                    {{#xif "this.title > 45"}}
                        <h3>{{title}}</h3>
                    {{else}}
                        <h3 class="delta">{{truncate title 55}}</h3>
                    {{/xif}}

                    <p class="cta">{{link-desc}}</p>

                </div>

            </div>

        </a>

    </article>

</script>

＆＃13;

区分staticCards＆amp; Dynamiccards

0 个答案: