- Katılım
- 12 Mayıs 2020
- Mesajlar
- 1.156
- Çözümler
- 6
Angular'da basit bir proje yapıyorum. Burada bir menü oluşturdum ve butona tıklayınca alta bir bar açılıp verileri buraya yazdırmak istiyorum. HTML'de buton tıklandıktan sonra altta bar açılan kodu yazdım fakat bu barın içerisine nasıl veri yazdıracağım bilmiyorum. Bunu nasıl yapabilirim?
Yalnızca users dizisini divimin içerisinde for döngüsü ile yazdırdım.
Kod:
<div class="container">
<div class="rectangle" style="background-color: rgb(0, 0, 0);" (click)="toggleExpand('get')">
<div class="small-rectangle" style="background-color:#808080;">GET</div>
</div>
<div *ngIf="expandedRectangle === 'get'" class="expanded-rectangle"></div>
</div>
fetchUserDetails() {
this.userService.getUsers().subscribe(
(response: any) => {
this.users = response; // API'den gelen veriyi users dizisine ata.
console.log(this.users); // Kullanıcıları kontrol etmek için konsola yazdır.
},
(error) => {
console.error('Hata:', error); // Hata durumunu konsola yazdır.
}
);
}
export class UserService {
//username: string = "murat";
private readonly apiUrl: string = "https://localhost:7193/";
constructor(private http: HttpClient) { }
getUsers(){
return this.http.get<any>(`${this.apiUrl}api/Company/GetCompany/`);
}
deleteUsers(id:number): Observable <any>{
return this.http.delete<any>(`${this.apiUrl}api/Company/Delete/Company/${id}`);
}
addUsers(name: string): Observable<any> {
return this.http.post<any>(`${this.apiUrl}/api/Company/PostCompany`, { name });
}
updateUsers(id:number): Observable<any>{
return this.http.patch<any>(`${this.apiUrl}/api/Company/PostCompany`, { id });
}
}Yalnızca users dizisini divimin içerisinde for döngüsü ile yazdırdım.
Kod:
<li *ngFor="let user of users">
{{ user.name }} - {{ user.id }}
</li>
Son düzenleme:
