Get 2024 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$

Angular with Laravel


Hi! I have a problem displaying the data . it is not displayed automatically


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (10)


Introducing the all-new https://www.activedumpsnet.com/Salesforce-dumps/Service-Cloud-Consultant.html New Questions update for 2023! Elevate your expertise and stay at the forefront of customer service excellence with our latest, meticulously crafted questions. Designed to reflect the dynamic landscape of service management, our updated questions will empower you to ace your certification and tackle real-world challenges with confidence. Unlock a world of possibilities and demonstrate your mastery of Service Cloud with the most relevant and up-to-date content available. Stay ahead of the curve, exceed client expectations, and supercharge your career. Don't miss out - seize the future of service consulting with Salesforce Service-Cloud-Consultant New Questions 2023!



Both images have different URLs. It seems it is a separate page. One without datatable and another page have a datatable.

<img src="https://i.ibb.co/t4fWvqS/image.png" alt="image" border="0">

<img src="https://i.ibb.co/5XZ6WdN/image.png" alt="image" border="0">

Thanks



Can you refer to other example links on the side menu? The page appears with a click.

Thanks



i didn't mean the pages but the data from pgAdmin it doesn't appear automatically when you open a page.



BEFORE
https://drive.google.com/file/d/1ynCeevymPIVMuvmovAbB1OT7NwRAgzHk/view?usp=sharing

----AFTER DOUBLE CLICK ON CREATE INSCRIPTION IN ASIDE MENU
https://drive.google.com/file/d/1AAUXpv-LY0rpHevSbop29Bp4JrEM5T35/view?usp=sharing



Hi,

Your question is not clear. Could you please clarify your question by showing us some of your codes which are not working?

Thanks



(https://drive.google.com/file/d/1ynCeevymPIVMuvmovAbB1OT7NwRAgzHk/view?usp=sharing)

For example, here I need double click on (create inscription) for displaying the student list.
(angular + laravel)



__________________________HTML________________________
<div class="card-header border-0 pt-5 mt-10">
<h3 class="card-title align-items-start flex-column">
<span class="card-label fw-bolder fs-3 mb-1">Inscription Status</span>
<span class="text-muted mt-1 fw-bold fs-7"></span>

<div class="card-body py-3">
<div class="table-responsive">
<table class="table align-middle gs-0 gy-4 ">

<thead>
<tr class="fw-bolder text-muted bg-light">
<!-- <th class="ps-4 min-w-325px rounded-start">id</th>-->
<th class="min-w-125px">status</th>
<th class="min-w-125px">date</th>
<th class="min-w-125px">id inscription</th>


</tr>
</thead>

<tbody>
<tr *ngFor="let ins of res">
<!-- <td>
<div class="d-flex align-items-center">
<div class="d-flex justify-content-start flex-column">

{{ins.id}}


</div>
</div>
</td>-->
<td>

{{ins.status}}

</td>
<td>

{{ins.date}}

</td>
<td>

{{ins.id_inscription}}

</td>


</tr>
</tbody>
</table>
</div>
</div>
</div>
------------------Type Script-----------------------------------
import { Component, OnInit } from '@angular/core';
import { InscriptionStatusesService } from '../service/inscription-statuses.service';

@Component({
selector: 'app-insc-statuses-list',
templateUrl: './insc-statuses-list.component.html',
styleUrls: ['./insc-statuses-list.component.scss']
})
export class InscStatusesListComponent implements OnInit {

inscriptionS: any = {
status: '',
date: '',
id_inscription: ''
};
inscriptionStatuses: any=[];
res: any;

constructor(private service: InscriptionStatusesService) { }

ngOnInit(): void {
this.showInscriptionStatus();
}




showInscriptionStatus() {
this.inscriptionStatuses = this.service.getData().
subscribe((inscription) => {
this.inscriptionStatuses = inscription;
this.res = this.inscriptionStatuses.inscription_status.data;

console.log(this.res);
});
}

}



Hi

Could you please send the screenshot of the issue?

Thanks



Hi
The problem is I need two clicks for displaying the data.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(