How to Bind database data in Grid using Angular 2

Question

Hi All, How to Bind database data in Grid using Angular 2 or higher version in Asp.Net Core MVC Application.

Piyush Pansuriya · Answer

Hi, Please share your code. what you are getting data? So it can be easy to understand. or you can try as follow: in .ts public forecasts: WeatherForecast[]; interface WeatherForecast { dateFormatted: string ; temperatureC: number; temperatureF: number; summary: string ; } in .html table class = 'table' * ngIf = "forecasts" > thead > tr > th > Date th > th > Temp. (C) th > th > Temp. (F) th > th > Summary th > tr > thead > tbody > tr * ngFor = "let forecast of forecasts" > td > {{ forecast.dateFormatted }} td > td > {{ forecast.temperatureC }} td > td > {{ forecast.temperatureF }} td > td > {{ forecast.summary }} td > tr > tbody > table >

Vikas · Answer

Hey Chittaranjan try this code and relate your project requirement: .ts file import { Component } from '@angular/core' ; @Component({ selector: 'app-root' , templateUrl: './app.component.html' , styleUrls: [ './app.component.css' ] }) export class AppComponent { objstudents = [ "John" , "Elliott" , "10" "B+" , "Well Improved" ]; } html file table > thead > tr > th > StudentName th > th > FatherName th > th > Class th > th > Grade th > th > Remarks th > tr > thead > tbody > tr * ngFor = "let item of objstudents" > td > {{item.studentName}} td > td > {{item.fatherName}} td > td > {{item.class}} td > td > {{item.grade}} td > td > {{item.remarks}} td > tr > tbody > table >