Javascript 在Handlebar/endurojs中为博客创建标记过滤器

我正在创建一个带有标签的博客，每个博客条目都可以有多个标签，可以对这些标签进行过滤，以显示带有相同标签的博客条目

我的问题在于，当我过滤结果时，我不确定如何将标记或关键字作为参数发送给另一个handlebar helper，因此我只能显示具有相同标记的博客条目

此代码从所有博客条目中获取所有标记：

<h4 class="white-color remove-margin">Tags:
      {{#blog}}
          {{#joinTags this}}
             {{#each this}}
                  <a class="badge bg-light-blue" onclick="filterBlogEntries('{{this}}')">#{{this}}</a>
              {{/each}}
          {{/joinTags}}
      {{/blog}}
</h4>

---

现在，我的问题是，从filterBlogEntries函数中，我如何发送用户选择的标记以按标记筛选博客条目？

最近我遇到了一个类似的问题，我首先将标记添加到博客文章中，然后添加到将要列出的页面中，还创建了一个新的帮助器以按标记列出文章

我在cms/generators/blog/example-post.js中生成的blogpost如下所示

({
    $meta_data_expander: true,
    $meta_data_info: 'won\'t work with the temp action',
    meta_data: {
        page_title: '',
        $keywords_type: 'textarea',
        keywords: '',
        $meta_description_type: 'textarea',
        meta_description: ''
    },
    display_title: 'Example title',
    published: true,
    $date_value: '2019-01-08',
    $date_type: 'date',
    date: 'Tuesday, 08 January, 2019',
    teaser: {
        $cover_type: 'image',
        cover: '/remote/direct_uploads/1546951493_lite-feature.jpg',
        marked: 'Example endurojs generator template.',
        $marked_markdown: false,
        $marked_type: 'textarea'
    },
    main_content: {
        $content_type: 'quill',
        content: '<h1>Heading 1</h1><h2>Heading 2</h2><h3>Heading 3</h3><p>Normal</p>',
        $content_control_path: '/brick/enduro_quill/quill_control'
    },
    enable_comments: true,
    $tags_templatitator: '@@global.tags_elements',
    tags: [
        {
            project: true
        }
    ]
})

我们注册了一个新的把手助手

资产/hbs\u助手/blog\u列表\u by_tag.js

最后在上下文中，我使用新创建的helper并将标记作为参数传递

{{#blog_list_by_tag tags}}

    {{#each this}}
        <article class="">

            <h2>
                <a href="/blog/">{{content.display_title}}</a>
            </h2>
            <p>More post data ....</p>
        </article>
    {{/each}}

{{/blog_list_by_tag}}

({
    $meta_data_expander: true,
    $meta_data_info: 'won\'t work with the temp action',
    meta_data: {
        page_title: '',
        $keywords_type: 'textarea',
        keywords: '',
        $meta_description_type: 'textarea',
        meta_description: ''
    },

    tags: [
            {project: true}
          ]
})

var _ = require('lodash')
var Promise = require('bluebird')

var pagelist_generator = enduro.api.pagelist_generator

enduro.templating_engine.registerHelper('blog_list_by_tag', function (tags, options) {

    var pages
    return pagelist_generator.get_cms_list()
        .then((pagelist) => {
            var get_content_promises = []
            pages = _.chain(pagelist.structured.blog)
                .filter((o) => { return typeof o === 'object' }).value() // filter pages only

            for (page_id in pages) {
                var page = pages[page_id]

                function get_content (page) {
                    get_content_promises.push(enduro.api.flat.load(page.fullpath).then((content) => { page.content = content }))
                }

                get_content(page)
            }

            return Promise.all(get_content_promises)
        })
        .then(() => {
            pages = _.chain(pages)
                .sortBy('content.$date_value').reverse() // sort by date
                .filter((page) => { return page.content.published }) // remove unpublished              
                .filter( //filter by tag
                    (page) => {
                        var taged                       
                        _.forEach(tags, (value) =>{ return  _.findIndex(page.content.tags, value) != -1 ? taged = true : false })
                        return taged 
                    }
                )
                .value()

            return options.fn(pages)
        })
})

{{#blog_list_by_tag tags}}

    {{#each this}}
        <article class="">

            <h2>
                <a href="/blog/">{{content.display_title}}</a>
            </h2>
            <p>More post data ....</p>
        </article>
    {{/each}}

{{/blog_list_by_tag}}