angular8

问题 I have a problem on the responsiveness of using modals in Angular Material. How can i make it look good on small screens. It doesn't have to be mat-grid Pls see this stackblitz link Click Here openDialog() { const dialogRef = this.dialog.open(ModalComponent, { width: "650px", height: "380px" }); } 回答1: DemoYou can use media query in style.css @media only screen and (max-width: 700px) { .modal .mat-grid-tile { width:100% !important; position:relative!important; left:0 !important; } .modal .mat

问题 I have a problem on the responsiveness of using modals in Angular Material. How can i make it look good on small screens. It doesn't have to be mat-grid Pls see this stackblitz link Click Here openDialog() { const dialogRef = this.dialog.open(ModalComponent, { width: "650px", height: "380px" }); } 回答1: DemoYou can use media query in style.css @media only screen and (max-width: 700px) { .modal .mat-grid-tile { width:100% !important; position:relative!important; left:0 !important; } .modal .mat

问题 In db table, I have "key_name" which is successfully returning in API and working great. What I want to do is to set those fields value as a formControlName in html and in component I am using the reactive form so I have tried formArrayName . Based on the change event I am pushing new formControl in categoryArray and assigning its key as db field's value. here is my Html: <div class="col-md-6"> <div formArrayName="categoryArray" *ngFor="let type of types; let k = index"> <div [formGroupName]=

问题 In db table, I have "key_name" which is successfully returning in API and working great. What I want to do is to set those fields value as a formControlName in html and in component I am using the reactive form so I have tried formArrayName . Based on the change event I am pushing new formControl in categoryArray and assigning its key as db field's value. here is my Html: <div class="col-md-6"> <div formArrayName="categoryArray" *ngFor="let type of types; let k = index"> <div [formGroupName]=

问题 No matter what i do i can't connect to a mqtt broker via websocket in my angular application (trying in chrome and firefox). For simplicity i'm using HiveMQ broker, i've published on the topic /gat/38/openReservationRequests some data I've followed this medium article on how to connect to mqtt in angular using ngx-mqtt but for me it is not working. In my app: I've installed the module npm install ngx-mqtt --save i've added the configuration and set the module forRoot in my app.module.ts ...

问题 I have a Mat Select dropdown with the following values from an Object List. export class Product { productId: number; productCode: string; productDescription: string; } The Mat select List is meant to emit the Whole object as follows: <mat-form-field> <mat-select formControlName="productData" [compareWith]="compareProductObjects" <mat-option>Select</mat-option> <mat-option *ngFor="let productItem of ProductList" [value]="productItem"> {{productItem.productDescription}} </mat-option> <mat

问题 Here is a combined list, with unique ageCode. [ { "ageCode": 1, "ageDesc": "0-4", "qM": 358, "sM": 158, "qF": 328, "sF": 258 }, { "ageCode": 3, "ageDesc": "15-59", "qM": 525, "sM": 125 }, { "ageCode": 4, "ageDesc": "60+", "qF": 458, "sF": 358 } ] Combined list need to be split into individual object based on if both M & F value is present for an ageCode. The converted list look like this. If there is No "M" date then there will be no object with "gender": "M" same applied to "F" [ { "ageCode"

问题 Here is a combined list, with unique ageCode. [ { "ageCode": 1, "ageDesc": "0-4", "qM": 358, "sM": 158, "qF": 328, "sF": 258 }, { "ageCode": 3, "ageDesc": "15-59", "qM": 525, "sM": 125 }, { "ageCode": 4, "ageDesc": "60+", "qF": 458, "sF": 358 } ] Combined list need to be split into individual object based on if both M & F value is present for an ageCode. The converted list look like this. If there is No "M" date then there will be no object with "gender": "M" same applied to "F" [ { "ageCode"

问题 How do I create a Month and Day Date Picker in Angular, excluding hide year? This following link will do a Month and Year picker. I am trying to manipulate it, to do Month and Day. Replacing YYYY with DD is not working. Stackblitz: https://stackblitz.com/angular/gxymgjpprdy?file=src%2Fapp%2Fdatepicker-views-selection-example.ts Real code from Stackblitz: Typescript: import {Component} from '@angular/core'; import {FormControl} from '@angular/forms'; import {MomentDateAdapter, MAT_MOMENT_DATE

问题 How do I create a Month and Day Date Picker in Angular, excluding hide year? This following link will do a Month and Year picker. I am trying to manipulate it, to do Month and Day. Replacing YYYY with DD is not working. Stackblitz: https://stackblitz.com/angular/gxymgjpprdy?file=src%2Fapp%2Fdatepicker-views-selection-example.ts Real code from Stackblitz: Typescript: import {Component} from '@angular/core'; import {FormControl} from '@angular/forms'; import {MomentDateAdapter, MAT_MOMENT_DATE