Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
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)


Hi

Could you please send the screenshot of the issue?

Thanks



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



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);
});
}

}



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



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





Thanks



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!


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  :(