angular8

问题 I am using Angular 8 for my project, using Node Version 10.15.3( had tried with other versions including latest 12.31.1). This works fine on MAC but while running on the Windows it stops on the browser with the error NullInjectorError: "StaticInjectorError(AppModule)[MatCommonModule -> HighContrastModeDetector]: StaticInjectorError(Platform: core)[MatCommonModule -> HighContrastModeDetector]: NullInjectorError: No provider for HighContrastModeDetector!" Is this related to my hardware (how

问题 We have 1) Material Dialog Component Opening up 2) Another Material Dialog Component, when user press "Open Adv. Search" Button. The first Dialog component is in fixed position. The second Dialog component is Movable, however cannot go behind first original one yet. How to make it so, users can interchange the back or front positions of both windows, like typical Windows 10 desktop app, depending on what is clicked/drag/drop last? Second Component: public openAdvancedPropertySearchDialog():

问题 I have a div element that is looped through an array of objects using *ngFor. The height of a particular div is different from each other as each object contains different amounts of word count. I want to get the largest div element's height and set it as the div height so all div elements look the same. I am using Bootstrap 4.xx <div class="col-md-4" *ngFor="let food of foods"> <div class="food-card"> <h4>{{food.title}}</h4> <p>{{food.ingredients}}</p> </div> </div> Ingredients contain a lot

问题 Hello folks I have one scenario in which I am really confused on how to figure out...!! The scenario is I have 1)The mat table(that is the angular material table) 2)And a details view which shows the details based on the click of the particular row of the table. 3)list of objects as a data source..!! I pass the object on the click event of the row and the object passes to the detail view and the details of that particular row is shown now the question is....!! I have the same data source that

问题 It works fine in injecting into components. problem occurs in service injection. I am using runtime configuration for end points.it works in components.i can able to change in runtime but throws an error when injecting in other services global export class AppConfigService { static settings: IAppConfig; constructor(private http: HttpClient) {} load() { const jsonFile = `../assets/config/config.json`; return new Promise<void>((resolve, reject) => { this.http.get(jsonFile).toPromise().then(

问题 I have a service which returns a JSON of type array[obj1{name, usage, id}, obj2{name, usage, id}] on HTML page I am creating a form with form field = name and it is pre-populated with value = usage. Ex: if there are 2 objects inside array where name1=a usage1=1 and name2=b and usage2=2, 2 form fields will be created. Form field names will be name1 and name2 and will be filled already with usage1 and usage2 value respectively. I am doing this with this code: <form> <div class="form-row"> <div

问题 I have one problem on create table. My struct data is dynamic,that means number of row and column is variable like matrix m*n . and struct is available on here. I want to show json (above photo) to mat-table .but I can't correctly assign data to table and it show Duplicate data on table.show column0 for all rows of mat-table. while Correct data in table should be My code is available on stackblitz. in this code,i want create table with 5 col and 6 row. how can i solve it and show all data in

问题 I am working with: MacOS Mojave Angular 8 node v12.12.0 npm v6.13.4 and trying to make Argon2 to work in my Angular 8 app. In order to use Argon2 it is required to install gcc and node-gyp globally. I did install them as indicated on the npm pages of Argon2. GCC v9 was installed. But, I had repeatedly problems executing: CXX=g++-9 npm install I kept getting errors about stdlib++ . I tried using Apple's CLang++ and got a successful build with: CXX=clang++ npm install I imported argon2 in my

问题 How do I reset the values in a class in Typescript and ensure all the values are cleared? Is there a typescript function to do this? export class Product{ productId: number; productName: string; productDescription: string; } We have many classes with 50+ fields, looking for efficient way to conduct this. 回答1: Try like this: Working Demo productDetails: Product = { productId: 1, productName: "Apple", productDescription: "Fruit" }; reset() { this.productDetails = new Product(); } 回答2: YOu can

问题 I have a project in which the user interface is based on angular 8 and the backend is a springboot java service. The entire project is a multi module project with the angular part being a separate module with front-end builder being used to build the angular code into a single executable jar. The application runs fine when the embedded tomcat is used. I have a new requirement to try and deploy the angular ui part separately on an external tomcat . But when i copy the dist folder to the