... import { FormsModule } from '@angular/forms'; import { HttpClientModule } from '@angular/common/http';
@NgModule({ imports: [ BrowserModule, FormsModule, HttpClientModule ], ...
import { HttpClient } from '@angular/common/http';
@Component({ ... }) export class MyComponent { constructor(private http: HttpClient) {}
signup() { this.http.post('/api/signup', {...}).subscribe( response => { // handle success response }, error => { // handle error response } ); } }
const express = require('express'); const bodyParser = require('body-parser');
const app = express(); app.use(bodyParser.json());
app.post('/api/signup', (req, res) => { // handle signup request });
app.listen(3000, () => { console.log('App started on port 3000'); });
通过这些步骤,您应该能够让Angular中的注册按钮正常工作并连接到后端API。
上一篇:Angular中的状态管理
下一篇:Angular中的注入令牌