Azure API管理开发者门户：如何通过可视化编辑器展示特定标签与API的操作？

默认的“操作列表”部件确实没有直接按标签筛选的可视化选项，你可以通过以下两种方法实现需求：

方法一：给默认“操作列表”部件添加标签筛选 #

• 进入开发者门户管理模式（点击右上角“编辑”按钮）
• 在目标页面添加“操作列表”部件，点击部件右上角的编辑图标打开配置面板
• 切换到筛选器标签页，添加筛选规则：
  • 筛选字段选择「标签」
  • 匹配条件选择「等于」
  • 输入值为customer
• 保存配置并发布门户，该部件将只展示带customer标签的操作

方法二：用自定义HTML部件实现灵活筛选展示 #

如果默认部件的筛选功能不够用，可通过Liquid模板自定义渲染：

• 在管理模式下给页面添加「HTML」部件
• 编辑HTML内容，插入以下模板代码：

{% assign filteredOps = operations | where: 'tags', 'customer' %}
<div class="operation-list">
  {% for op in filteredOps %}
    <div class="operation-item">
      <h3><a href="{{ op.url }}">{{ op.name }}</a></h3>
      {% if op.description %}
        <p>{{ op.description }}</p>
      {% endif %}
    </div>
  {% endfor %}
</div>

• 保存配置并发布，这段代码会自动筛选出带customer标签的操作并渲染为列表

内容的提问来源于stack exchange，提问作者forste