angular-material

问题 I am making some unit test with jasmine and karma for an angular 6 app that validate if a formGroup field is valid. I am experiencing problems with mat-select control. when I run the test case, Karma fires me an error saying Error: No value accessor for form control with name: 'importId' . By the way, the component works fine as I expected. This is my component: import {Component, Inject, OnInit} from '@angular/core'; import {MAT_DIALOG_DATA, MatDialogRef} from "@angular/material"; import

问题 I am trying to pass multiple ng-template to my reusable component (my-table component), content projection. Now I need to get the reference value of each passed ng-template so I can use that value to know, which template is passed for which column. Basically I am creating a reusable table component (on top of Angular material table) where user can pass an separate template for each column. Kindly suggest - OR is there a better approach of doing this? temp.component.ts import { Component,

问题 I am using Angular 8 and following example from here but and the exception is Please help me solve this. 回答1: Just make sure the dtOptions is declared as any . You can find this comment on: https://l-lin.github.io/angular-datatables/#/extensions/buttons // Must be declared as "any", not as "DataTables.Settings" dtOptions: any = {}; 回答2: If the Type Settings has been defined by you or your team, you must add the buttons property as: buttons: any[]; Or buttons?: any[]; To keep retro

问题 How do I access the color variables ( $primary, $accent, $warn, $foreground, $background) in scss file from a predefined angular theme @angular/material/prebuilt-themes/deeppurple-amber.css'? 回答1: Once a sass file has been compiled to css, there is no more notion of variable inside that css file, so you won't be able to retrieve variables like $primary from deeppurple-amber.css . If you look at the scss source file for the deeppurple-amber theme, you can find the definition for $primary and

问题 I know this has been asked, but none of the solutions work. I have following html and I can get the image displayed if I use the commented img-element <img src="assets/utgmap.jpg"> and comment away the following div-element. However I would like to have background image for the div instead and it's not working. CSS definition is in the end of the file and there's no 404 error for the image so it can be fetched but is is not displayed. HTML: <mat-sidenav-container class="sidenav-container">

问题 I would like to expose my date value as date only ("yyyy-MM-dd") on an Angular Material date picker. Currently, the default date value is an ISO format (includes time). I have a starter Stackblitz project with the the required setup. The formly-datepicker.type is where I would like to centralize the conversion so that any date used in the model will be formatted properly for the service layer. One of my attempts to accomplish it in a centralized manner is using the Angular

问题 I have an Angular material table with expandable rows. In every row, I have multiple tabs, On the first tab, I have another table with expandable rows. At the start al the rows are collapsed, so far so good. When I click a row, the row is expanded, again so far, so good. When I change tabs and come back, all my rows are expanded. How can I solve this issue? The HTML code is like Angular material describes on their page for a table with expandable rows. I created a StackBlitz with my problem,

问题 Check out the effect at this link where the circular background of the checkbox is shown on hover. How can I get this same behavior while using <mat-checkbox> in Angular? I want the background to show on hover as well as the normal animation on transitions from checked to unchecked, unchecked to checked, etc. I am using @angular/material version 6.4.5. By inspecting the documentation for version 7.1.1, a persistent-ripple class is applied to a <div> inside the checkbox on hover. This does not

问题 I have a scenario that i need to show dropdowns with selected or default values in view if there is any data from API. And i can add new dropdowns using add button. But i have to select value from drop downs only once so it will not repeated. I am using ngFor loop to show this drop downs and i am using splice method to remove selected options from drop down. And i am facing a issue here that Example: If i select car 1 from 1st drop down 1 and the 2nd drop down i can not see car 1 but if i go

问题 I have problem with iterations through dataSource, where I have data for mat-table <div *ngFor="let element of arrayMain" id = "{{element}}" class="my_item"> <div><span class="skuska"><span class="mat-subheading-2">{{element}}</span></span></div> <mat-table #table [dataSource]="dataSource[1]" matSort> <ng-container matColumnDef="{{column.id}}" *ngFor="let column of columnNames"> <mat-header-cell *matHeaderCellDef mat-sort-header > {{column.value}} </mat-header-cell> <mat-cell *matCellDef="let