在Angular中使用SCSS时，可以使用@extend指令来继承样式，以减少重复代码。@extend指令将一个选择器的样式应用于另一个选择器。

下面是一个示例，展示了如何在Angular中使用@extend指令：

1. 创建一个名为styles.scss的样式文件，将其添加到组件的样式文件中：

styles.scss:

/* 定义一个基本样式 */
.my-button {
  padding: 10px;
  background-color: blue;
  color: white;
}

/* 定义一个扩展样式 */
.my-button-primary {
  @extend .my-button;
  background-color: green;
}

/* 定义另一个扩展样式 */
.my-button-secondary {
  @extend .my-button;
  background-color: red;
}

2. 在组件的样式文件中导入styles.scss文件，并使用@import指令：

component.scss:

@import 'styles.scss';

/* 使用扩展样式 */
.button-primary {
  @extend .my-button-primary;
}

.button-secondary {
  @extend .my-button-secondary;
}

3. 在组件的HTML模板中使用这些样式类：

component.html:

Primary Button
Secondary Button

这样，按钮元素将应用相应的样式类，并继承基本样式。这样做可以减少样式重复，并使代码更具可维护性。