要从
Angular页面中
获取Primeng
复选框的
值并将其存储到Java数据库中，您需要遵循以下步骤：
1. 在您的
Angular组件中，添加一个`FormGroup`对象以维护
复选框的
值。例如：
```
import { Component, OnInit } from '@
angular/core';
import { FormGroup, FormControl } from '@
angular/forms';
@Component({
selector: 'app-my-component',
templateUrl: './my-component.component.html',
styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent implements OnInit {
form: FormGroup;
checkboxes = [
{ label: '
Checkbox 1', value: '
checkbox1' },
{ label: '
Checkbox 2', value: '
checkbox2' },
{ label: '
Checkbox 3', value: '
checkbox3' }
];
constructor() { }
ngOnInit() {
this.form = new FormGroup({
checkboxes: new FormControl()
});
}
onSubmit() {
console.log(this.form.value.
checkboxes); // displays the selected
checkboxes
}
}
```
2. 在您的HTML模板中，
使用Primeng的`p-
checkbox`指令创建
复选框，并将其绑定到上面定义的`FormGroup`对象中。例如：
```
<form [formGroup]="form" (ngSubmit)="onSubmit()">
<div *ngFor="let
checkbox of
checkboxes">
<p-
checkbox
[label]="
checkbox.label"
[value]="
checkbox.value"
formControlName="
checkboxes"
></p-
checkbox>
</div>
<button type="submit">Submit</button>
</form>
```
3. 在您的
Angular服务中，
使用Angular的`HttpClient`对象将
复选框值发送到后端Java API。例如：
```
import { Injectable } from '@
angular/core';
import { HttpClient } from '@
angular/common/http';
@Injectable({
providedIn: 'root'
})
export class MyService {
constructor(private http: HttpClient) {}
save
Checkboxes(
checkboxes: string[]) {
const url = 'http://my-java-api.com/save-
checkboxes';
return this.http.post(url,
checkboxes);
}
}
```
4. 在您的Java控制器中，接收来自前端
Angular的POST请求，并将
复选框值存储到数据库中。例如：
```
@RestController
public class MyController {
@Autowired
private MyRepository myRepository;
@PostMapping("/save-
checkboxes")
public void save
Checkboxes(@RequestBody List<String>
checkboxes) {
MyEntity entity = new MyEntity();
entity.set
Checkboxes(
checkboxes);
myRepository.save(entity);
}
}
@Entity
public class MyEntity {
@Id
@GeneratedValue(strategy = GenerationType.IDENTITY)
private Long id;
@ElementCollection
private List<String>
checkboxes;
// getters and setters
}
```
这样，您就可以从
Angular页面中
获取Primeng
复选框的
值，并将其存储到Java数据库中了。
9094
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
