添加一个类到para单击angular 5中的一个按钮

在Angular 5中，添加一个类到para单击按钮的操作可以通过以下步骤完成：

1. 首先，在HTML模板文件中找到该按钮的相关代码，并确保为该按钮添加了一个点击事件处理函数。例如，如果按钮的id为"myButton"，可以这样写：

<button id="myButton" (click)="onClick()">点击按钮</button>

1. 接下来，在组件的对应.ts文件中，找到与该按钮相关的处理函数。例如，可以在组件类中添加一个名为"onClick"的方法：

onClick() {
  // 在这里添加类到para的逻辑代码
}

1. 在"onClick"方法中，你可以使用Angular提供的ElementRef服务来获取并修改对应DOM元素的类。首先，在组件类的构造函数中注入ElementRef：

constructor(private elementRef: ElementRef) { }

1. 然后，在"onClick"方法中使用elementRef.nativeElement来访问原生的DOM元素，并通过classList属性添加或移除类。假设你要给id为"para"的段落元素添加一个名为"myClass"的类，可以这样写：

onClick() {
  const para = this.elementRef.nativeElement.querySelector('#para');
  para.classList.add('myClass');
}

注意，上述代码中的"para"和"myClass"都是示例名称，实际应根据你的HTML模板和CSS样式进行相应调整。

这样，当点击按钮时，就会向id为"para"的段落元素添加名为"myClass"的类。

至于相关的概念和技术，可以参考以下腾讯云的文档和产品：

• Angular：Angular是一个流行的前端开发框架，可用于构建现代化的Web应用。你可以参考腾讯云的Angular文档了解更多信息：Angular 文档
• ElementRef：Angular的ElementRef是一个服务，它允许直接访问原生DOM元素。你可以在腾讯云的Angular文档中了解更多关于ElementRef的信息：ElementRef 文档

希望以上信息能帮助你完成在Angular 5中给para单击按钮添加类的操作。