在搜索页面上使用来自另一个组件的操作

开发
1

您好！是否可以在搜索页面触发类别更改操作？我的情况是：顶部有一个类别列表
image
当我点击它们时，底部的结果应该根据类别而改变。我创建了一个名为 search-categories 的连接器，并在 search-categories.js 中添加了一个连接器类。但是，当我这样做时，它不起作用

const tt = require('discourse/components/search-advanced-options');
const Category = require("discourse/models/category");
const Component = require("@ember/component");
const I18n = require("I18n");
const { action } = require("@ember/object");
const { escapeExpression } = require("discourse/lib/utilities");
export default {
    setupComponent(args, component) {
        component.set('today', new Date());
        console.log('setup')
    },
    @action
    onChangeSearchTermForCategory(categoryId) {
        if (categoryId) {
            const category = Category.findById(categoryId);
            tt.onChangeCategory && tt.onChangeCategory(category);
            tt.set("searchedTerms.category", category);
        } else {
            tt.onChangeCategory && tt.onChangeCategory(null);
            this.set("searchedTerms.category", null);
        }

        tt._updateSearchTermForCategory();
    },
}

为什么它不起作用，有什么办法可以解决？我的连接器 hbs 文件

<div class="custom-categories-wrapper">
    {{conditional-loading-spinner condition=loadingCategories}}
    <div class="nav-pills">
        {{#each categories as |cat|}}
            <li>
                <a data-slug="{{cat.slug}}" {{on "click" @onChangeSearchTermForCategory cat.id}} data-id="{{cat.id}}">{{cat.name}}</a>
            </li>
        {{/each}}
    </div>
</div>
2

这是被添加到哪个插件出口？是在高级搜索页面的 full-page-search-below-search-info 吗？