Angular

Hi I have below code . Modal should open on click of button but it already gets displayed on page. <div class="container"> <div class="row pt-3"> <div class="col-6"> <h4>Student Portal</h4> </div> <div class="col-6 text-end"> <button class="btn btn-outline-success" (click)="openModal()">Add New</button> </div> </div> </div> <div class="row"> <div class="col-3"> <div class="card"> <div class="card-header"> <div class="row"> <div class="col-6"> Student Name </div> <div class="col-6 text-end"> Mobile No </div> </div> </div> <div class="card-body"> <p>Email</p> <p>City , State , PinCode</p> <p>Address</p> </div> </div> </div> </div> <div class="modal" id="myModal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h1 class="modal-title fs-5" id="exampleModalLabel">Create New Student</h1> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> Modal Body... </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> <button type="button" class="btn btn-primary">Save changes</button> </div> </div> </div> </div> Thanks

Hi C# Content creators, I need Real time ExampleFor Angular SSR with out using Any Packages and integrates with API responses

Jobin SApr 28, 202485210

Hi Is there any link or tutorial available to do below task using - freeapi.gerasim.in/index.html You first need to use below API to register user POST? : /api/JWT/CreateNewUser than using your email and password you can use below api to generate token POST?: /api/JWT/login Thanks

Hi I want to use below link JWT API. freeapi.gerasim.in/index.html. How i should create Id on this side so to use API's Thanks

Yassin Mo I am create a project with angular 17.. after create application app.module.ts file is not available. I have a seprate module for login. i have a seprate component for navbar. In the login component i create a property name login. Click on Login Button i have store all data with authenticationService. After storing login data in authentication service i have create a observable like this loggedIn= new BehaviorSubject<boolean>(false); get isLoggedIn() { return this.loggedIn.asObservable();//push Interface } in login method send this.loggedIn.next(true); and this observale in the app.component.ts this.isLoggedIn$ = this.authenticationService.loggedIn; but when i am login this.isLoggedIn$ is not working if i am refresh the page its working fine.

Ankit RaiApr 21, 202491010

Dear Developers, In Angular 17, I've set up an observable within the login service. However, when attempting to utilize this observable in the app.component.ts, it doesn't get invoked initially. After reload page working fine. how to fix it?

Ankit RaiApr 20, 202489710

Hi I have installed Angular 17 . But it is not showing App.module.ts. I am following below link crud application in angular 14 - Google Search Thanks

Hi When installing new project it didn't ask for Routing Module. How it can be added later on. I am using Angular 17. Thanks

Hi I am using ng d c orders command but it is giving error - Script ng.ps1 cannot be loaded because running scripts is disabled on this system. Thanks

Hi, how to dynamically build angular material sidenav with submenus? I want to load menu and submenu items dynamically

Hi How to create Dynamic reports in Angular. Thanks

Hi, I am using classic ckeditor in my angular form. by default ckeditor height is growing based on content. how do i turn of autogrow feature and have a fixed height?

Hello Guys, Hope you are doing well, I have one question i am create a simple angular-17 module federation project. Install angular material but not working how to install. Project Structure-> angular-project main file inside two module e-commerce and food-delivery i want to install angular material in e-commerce.

Ankit RaiApr 7, 202495110

Hi Team, I am totally new to angular. I have angular UI where we upload a .CSV file with 6 columns and their respective data, so before I invoke .net API, I need to change. If the 1st column has data with 9 digits, then we need to change it to 10 digits just by prefixing ‘0’; for example, If the Excel 1st (AccountNumber)column data is ‘217614234’, this number has to be changed to ‘0217614234’, after the changed entire file content I need pass to API. Here is my working Code for uploaded data that is being passed to API. Now, I need to add a condition to change the number to 10 digits. If I found a 9-digit number, this is applicable only to the 1st (AccountNumber) column in the .csv file that was uploaded. UserNumber 876876876 DESCRIPTION Hello <td style="border-color:#ababab; border-s

Hi Team, I Implimented WebOTP in my Angular application and it's working perfect in Android chome browser but when i tested in Iphone 13 IOS Chome browser then it's not working due to first if condition getting failed --> if ('OTPCredential' in window) { Below is code is used: try { if ("OTPCredential" in window) { try { if (navigator.credentials) { const ac = new AbortController(); setTimeout(() => { ac.abort(); }, 60 * 1000); let o = { otp: { transport: ['sms'] }, signal: ac.signal }; await navigator.credentials.get(o).then((otp: any) => { alert(otp['code']) ac.abort(); } }).catch((err) => { console.log(err); }); }; } catch (e) { cons

Pramod SinghMar 23, 20241,00210

How can i dynamically increase the width of my textbox as typed in text increases.

How can I implement authentication and authorization in Angular 10.0, especially with JWT tokens?

Saravanan GanesanFeb 26, 20241,16310

Can someone explain the difference between Angular 10.0's ViewChild and ContentChild decorators and when to use each?

Saravanan GanesanFeb 25, 202487210

How to resolve reusable component emitting same value in component when use multiple times in angular

How can i share data with unrelated Component without using service in angular

Hello, How to use single common Ag Grid across many other components dynamically in Angular?

How to use NGX Treeview with Bootstrap5 and Angular 16

How to create component based pagination (Create seprate componet for pagination) using Bootstrap 5 & Angular 15