ng-alain.com ,给个与服务器交互的完整例子

好的，下面是一个与服务器交互的完整例子：

1. 首先，你需要在你的Angular应用中引入HttpClient模块：

import { HttpClient } from '@angular/common/http';

2. 然后，在你的组件中注入HttpClient模块：

constructor(private http: HttpClient) { }

3. 接下来，你可以使用http.get()方法向服务器发送GET请求：

this.http.get('https://jsonplaceholder.typicode.com/todos/1').subscribe(data => {
  console.log(data);
});

4. 如果你需要发送POST请求，你可以使用http.post()方法：

const body = { title: 'foo', body: 'bar', userId: 1 };
this.http.post('https://jsonplaceholder.typicode.com/posts', body).subscribe(data => {
  console.log(data);
});

这是一个简单的例子，你可以根据自己的需求来调整参数和url。注意：这只是一个示例，你需要在实际应用中使用你自己的服务器URL。

相关问题

ng-alain.com 登录后，怎么存token

在`ng-alain`中，我们使用`TokenService`来管理用户的Token。当用户成功登录后，你可以将Token存储在`TokenService`中，如下所示：

1. 首先，在你的登录组件中注入`TokenService`：

import { TokenService } from '@delon/auth';

constructor(private tokenService: TokenService) { }

2. 在登录成功后，将Token存储在`TokenService`中：

this.authService.login(formData).subscribe(response => {
  // 存储Token
  this.tokenService.set(response.token);
  // 其他逻辑
});

3. 当用户注销或者Token过期时，你也可以使用`TokenService`来清除Token：

// 清除Token
this.tokenService.clear();

在应用中，你可以通过`TokenService`获取用户Token，如下所示：

const token = this.tokenService.get()?.token;

注意：以上代码示例中的`authService`是指你自己实现的用户认证服务，你可以根据自己的实际需求来实现。`TokenService`是`ng-alain`自带的服务，你可以直接使用。

ng-alain.com 请求api时，怎么带上token

在 `ng-alain` 中，我们使用 `HttpHeaders` 类来设置 HTTP 请求头信息，从而在请求时带上 Token。

以下是在请求 API 时带上 Token 的步骤：

1. 在你的组件或服务中引入 `HttpClient` 和 `HttpHeaders`：

import { HttpClient, HttpHeaders } from '@angular/common/http';

2. 在请求 API 时，创建一个包含 Token 的 HTTP 请求头：

const token = this.tokenService.get()?.token;
const headers = new HttpHeaders().set('Authorization', `Bearer ${token}`);

在上面的代码中，我们从 `TokenService` 中获取 Token，并将其添加到 HTTP 请求头中。

3. 在 `HttpClient` 的 `get()` 或 `post()` 方法中，将 HTTP 请求头作为第三个参数传递：

this.http.get('https://api.example.com/data', { headers }).subscribe(data => {
  console.log(data);
});

在上面的代码中，我们将包含 Token 的 HTTP 请求头作为第三个参数传递给 `http.get()` 方法。这样，当请求 API 时，就会带上 Token。

注意：以上代码示例中的 `TokenService` 和 `HttpClient` 是 `ng-alain` 自带的服务，你可以直接使用，但是需要在组件或服务中注入它们。另外，你需要根据实际情况修改 API 的 URL 和 HTTP 请求头的名称和格式。