如何将ajax查询中的CSS文本添加到Angular 2应用程序？

在Angular 2应用程序中，可以通过使用HttpClient模块来发送AJAX请求，并将返回的CSS文本添加到应用程序中。

首先，确保已经导入了HttpClientModule模块，并在应用程序的根模块中进行了注册。

接下来，在需要使用AJAX查询并添加CSS文本的组件中，首先导入HttpClient和DomSanitizer模块：

import { HttpClient } from '@angular/common/http';
import { DomSanitizer, SafeHtml } from '@angular/platform-browser';

然后，在组件的构造函数中注入HttpClient和DomSanitizer：

constructor(private http: HttpClient, private sanitizer: DomSanitizer) { }

接着，在组件中定义一个方法来发送AJAX请求并添加CSS文本：

addCssText() {
  this.http.get('your-ajax-url', { responseType: 'text' }).subscribe((response: string) => {
    const sanitizedCssText: SafeHtml = this.sanitizer.bypassSecurityTrustHtml(response);
    const styleElement = document.createElement('style');
    styleElement.innerHTML = sanitizedCssText.toString();
    document.head.appendChild(styleElement);
  });
}

在上述代码中，your-ajax-url是你的AJAX查询的URL。通过HttpClient的get方法发送GET请求，并将响应的文本类型设置为text。

在订阅响应时，使用DomSanitizer的bypassSecurityTrustHtml方法来确保CSS文本是安全的，并将其转换为SafeHtml类型。

然后，创建一个style元素，并将CSS文本赋值给innerHTML属性。最后，将style元素添加到document.head中，即可将CSS文本添加到应用程序中。

请注意，为了安全起见，需要确保从AJAX响应中获取的CSS文本是可信任的，以防止潜在的安全漏洞。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。

腾讯云云服务器（CVM）是一种可扩展的计算服务，提供了高性能、可靠稳定的云服务器，适用于各种应用场景。

腾讯云对象存储（COS）是一种安全、低成本、高可靠的云存储服务，适用于存储和处理各种类型的数据。

更多关于腾讯云云服务器（CVM）的信息，请访问：腾讯云云服务器（CVM）产品介绍

更多关于腾讯云对象存储（COS）的信息，请访问：腾讯云对象存储（COS）产品介绍