ngx-smart-modal | Modal/Dialog component crafted for Angular | Frontend Framework library

I have a problem with my project in Angular 7.

The problem is after compilation I have no minified and uglified files in Chrome console. After running project in production environment I received this information in console:

I'm trying to use mat-table in an Angular 5 project but I've got this error. I imported the MatTableModule and everything necessary to it but still getting this error:

ng: 'mat-table' is not a known element: 1. If 'mat-table' is an Angular component, then verify that it is part of this module. 2. If 'mat-table' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

This is my admin.module.ts which is the parent module of my component:

I'm using select2 plugin for my selects in an angular project. When I add my dropdown component in the form or in bootstrap modal, everything work as expected. But I decided to use ngx-smart-modal and when I add the same component in this modal, it does not work. Actually it looks that it removes the span tag of select2.

here the link stackblitz

I am trying to use matSelect Version 7.3.7. The problem is that it doesn't populate (or just doesn't open?). It doesn't matter if I populate from an array or if I add the options manually. When I click on the select box it doesn't open. Pages has values in it. When I inspect the html it doesn't have the options under the mat-select tag.

A simplified version here: https://stackblitz.com/edit/angular-jrqehn

The code looks like this:

HTML-file

I have 2 ngx-smart-modals that I am using to for adding a few features in my application. The first one contains a form and on clicking the "Add" button, a new modal opens up containing the recently added data from the form. something like this:

(The modal "Beh" is the second modal that pop's up, "beh" is just a dummy text for now, and the positioning also needs to be changed so please ignore that for now :) )

The problem that I have is that When I click "Add", the modal "Beh" disables the form at the background, but I want it to still be enabled for adding more data.

Is there any property or a method that would help me achieve this? Something to disable the invisible layer on top of the form?

My code:

detail component (the "beh" one):

I am trying to set custom width in ngx-smart-modal.

I have tried steps given on (How to add unique custom CSS to ngx-smart-modals) and also tried solution for issues created for this project on github but no luck :(.

version "ngx-smart-modal": "^7.1.1",

in global styles.scss i imported

@import '~ngx-lightbox/lightbox.css';

@import "~ngx-smart-modal/ngx-smart-modal";

in component .html

I am developing an angular app. In this app you can create some sort of support tickets. When the user is done creating the ticket and clicks the send button I am showing a modal that has all the provided information. The modal is a ngx-smart-modal with customClass set to the bootstrap modal.

After sending the ticket I reset the whole form. Now it seems like the content of the modal is being evaluated even if it is not shown, which results in 'ERROR TypeError: Cannot read property 'name' of null' errors, since those fields are reset.

Is there a way to only evaluate the modal contents when it is shown?

I tried to do something like this:

Category: {{selectedCategory ? selectedCategory.name : ''}}

Which works, but I am unsure if this is a good approach?

My modal:

I am currently building an application in Angular 6.
I am using ngx-smart-modal to handle all of my modals.
I have 20+ modals in my application.
How do I apply CSS to each one uniquely.

I have tried using the [customClass] parameter in their documentation, but I am relatively new to Angular/HTML/CSS/etc, and I could not get it working.

I can change the sizes of my modals globally using

I am trying to use ngx-smart-modal in my Angular app to display a modal on click. The issue that I am currently facing is that once the component view is loaded, the modal gets displayed on load.

In the documentation, it is specified to give "autostart" =false to not load the modal on the component's initialization, but that does not seem to work

Here is my template view