在Angular中，可以使用ngClass指令来根据条件动态设置CSS类，从而实现在tablist中显示活动项目的效果。以下是一个简单的示例：

在组件的HTML模板中，创建一个tablist，并使用ngClass指令来根据当前活动项目的索引设置active类：

  
{{ item }}

在组件的CSS样式中，定义active类的样式，以突出显示活动项目：

.tablist {
  display: flex;
  justify-content: space-between;
}

.tablist div {
  padding: 10px;
  cursor: pointer;
}

.tablist div.active {
  background-color: #ccc;
}

在组件的TypeScript代码中，定义一个items数组和一个activeIndex变量，用于跟踪当前活动项目的索引：

export class TablistComponent {
  items = ['Item 1', 'Item 2', 'Item 3'];
  activeIndex = 0;
}

这样，当用户点击tablist中的项目时，activeIndex会更新为对应项目的索引，从而触发ngClass指令的重新计算，从而应用或移除active类，实现活动项目的显示效果。

请注意，这只是一个简单的示例，你可以根据实际需求进行更改和扩展。