Loading

How to Bind database data in Grid using Angular 2

How to Bind database data in Grid using Angular 2

Chittaranjan Swain

Chittaranjan Swain

7y993.NET

Hi All,

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

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Piyush Pansuriya7y ago
Accepted 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>Dateth>
      <th>Temp. (C)th>
      <th>Temp. (F)th>
      <th>Summaryth>
    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>
+3
Vikas7y ago
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>StudentNameth>
      <th>FatherNameth>
      <th>Classth>
      <th>Gradeth>
      <th>Remarksth>
    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>
0