Is there a way to add a component in a SweetAlert popup while using Angular 6? I attempted the following method but the component is not rendering:
Swal({
type: 'warning',
title: this.translate.instant('agents'),
text: this.translate.instant('agents_text'),
html: `<simple-table [data]="appointments"
[columns]="appointmentsCols">
</simple-table>`
});
The 'simple-table' mentioned above is a customized table that includes data items and appointments.
According to SweetAlert's documentation, in the html configuration it states:
"A HTML description for the modal can be added to the object under the key "html", or passed as the second parameter of the function."
Note that 'simple-table' is not a valid HTML tag.
Best regards
https://i.stack.imgur.com/el7zM.jpg npm ERR! missing script: build; I find it strange, what could be causing this issue? Any suggestions? I have included the fullstack error with the package.json. Please also review the build.sh code below. Fullstack err ...
Upon upgrading to the latest version of Angular, my karma tests ceased functioning and started crashing with this error log: 14 04 2018 14:17:00.453:ERROR [preprocess]: Can not load "@angular-devkit/build-angular", it is not registered! Perhaps you ar ...
I am currently working on implementing Server Side Pagination for a Grid using Angular 6 and Kendo Grid The code snippet I have is originally from Angular 2, sourced from the following link: public ngAfterViewInit(): void { this.grid.dataStateChange ...
In my current project, I am facing a challenge where I need to disable a button while a task is running and then activate it once the task is complete. Specifically, I want a syncing icon to spin when the task status is 'In_progress' and then hid ...
As someone who is relatively new to Angular (coming from working with AngularJS), I've encountered a puzzling issue that has me stumped. Here's the situation: my Angular application makes a call to a REST service hosted on my server. This service ...
I'm in the process of developing a new app using Angular4 and .Net Core Mvc. When I execute the dev bundle script in my package.json file, everything runs smoothly. Here's the script: del-cli wwwroot/dist/js/app && webpack --config webp ...
While working on my Angular/TypeScript project, I encountered a challenge in processing a GET request to retrieve objects from an integration account. Here is a snippet of the response data: { "value": [ { "properties": { ...
My goal is to create a form using data from a JSON object. The JSON data is stored in a settings[] object retrieved through an axios request: [ { "id" : 2, "name" : "CAR_NETWORK", "value" : 1.00 }, { "id" : 3, "name" : "SALES_FCT_SKU_MAX", "val ...
Apologies for the poorly titled post; summarizing my query into one sentence was challenging. I'm including the current code I have, as I believe it should be easy to understand. // Constants that define columns const columns = ["a", " ...
Recently started learning node.js and facing an issue while trying to pass a JS object from Angular2 to my node.js route. The error message I keep getting is "unexpected token blah blah at index 0" from the native object parser. The object reaches my node ...
Recently, I attempted to develop a React TypeScript component using tsdx for compilation and encountered a roadblock while debugging. The package appears to be successfully published and installed without any errors. However, when trying to use it, I consi ...
Within my Angular application, I am attempting to implement a factory provider in one of my modules: export function retrieveMyFactory(): () => Window { return () => window; } @NgModule({ providers: [ { provide: WindowRef, useFactory: retrie ...
I received the following JSON data from an API: [ { "CinemaId": "Hfsdfsdfs", "FilmCode": "HIWdfsdfsfsf47", "FilmTitle": "BAfsdfAAR", "CinemaName": "CsfsnfsfsAhmedabad", "CinemaCity": "Ahmedabad", "CinemaLicenseName": "BIGdfsfsAh ...
Can anyone help me figure out why I keep getting a 'set property of null' error while attempting 2way binding in my interface? Whenever I submit the form and trigger the onSave function, I encounter the error "Cannot set property 'googleUri ...
I have developed a TypeScript module that simplifies the process. This function takes an object as input and executes all the functions while updating the values of the corresponding properties. If any property in the object is not a function, it will be ...
I've encountered an issue while using *ngFor in my HTML like this: <ion-slides #slides [options]="slideOpts"> <ion-slide class="numbers-wrapper" *ngFor="let questionNumber of numbers" (click)="clickQue ...
I am currently working on an angular project where I am looking to display a series of buttons. When each button is clicked, I want it to display the corresponding button number. Is there a way to pass a specific value in the event binding that can be use ...
Working with Ionic and trying to implement an ion-textarea that automatically adjusts its size as the user types more text. I came across ionic2-autosize, a directive. However, I'm struggling to get this directive to work on my ion-textarea. It remain ...
Right now, I have a headache because I'm working on a nodejs typescript app that is essentially one large internal module spread across multiple files and compiled as one. The issue I'm facing is that the express.d.ts file (from definitely typed ...
Currently, I am working on an application that utilizes Angular for the client side and NodeJs for the backend. The application is being hosted with iis and iisnode. Recently, I implemented windows authentication to the application in order to track which ...