«angular-material2» 태그된 질문

Angular 2 프로젝트에서 Angular Material Autocomplete 구성 요소 를 사용하려고합니다 . 템플릿에 다음을 추가했습니다. <md-input-container> <input mdInput placeholder="Category" [mdAutocomplete]="auto" [formControl]="stateCtrl"> </md-input-container> <md-autocomplete #auto="mdAutocomplete"> <md-option *ngFor="let state of filteredStates | async" [value]="state"> {{ state }} </md-option> </md-autocomplete> 다음은 내 구성 요소입니다. import {Component, OnInit} from "@angular/core"; import {ActivatedRoute, Router} from "@angular/router"; …

355 angular  typescript  angular-material2  angular-forms 

우리는 회사에서 자체 양식 필드 구성 요소를 구축하려고합니다. 우리는 다음과 같이 머티리얼 디자인의 컴포넌트를 감싸려고합니다. 들: <mat-form-field> <ng-content></ng-content> <mat-hint align="start"><strong>{{hint}}</strong> </mat-hint> <mat-hint align="end">{{message.value.length}} / 256</mat-hint> <mat-error>This field is required</mat-error> </mat-form-field> 텍스트 상자 : <field hint="hint"> <input matInput [placeholder]="placeholder" [value]="value" (change)="onChange($event)" (keydown)="onKeydown($event)" (keyup)="onKeyup($event)" (keypress)="onKeypress($event)"> </field> 용법: <textbox value="test" hint="my hint"></textbox> 결과는 …

187 angular  angular-material2 

재료 2를 사용하여 md-raised-button. 특정 조건이 충족되는 경우에만이 지침을 적용하고 싶습니다. 예를 들면 : <button md-raised-button="true"></button> 또 다른 예 : 플 런커에서 기본 동적 반응 형을 만들었습니다. formArrayName컨트롤 배열에 반응 형 지시문을 사용 하고 있습니다. formArrayName특정 조건이 참인 경우에만 지시문 을 적용하고 , 그렇지 않으면 formArrayName지시문을 추가하지 않습니다 . 여기에 …

109 angular  angular-material  angular2-forms  angular2-directives  angular-material2 

옵션이 배열에 정의 된 모든 객체 인 매트 선택이 있습니다. 옵션 중 하나를 기본값으로 설정하려고하지만 페이지가 렌더링 될 때 선택된 상태로 남아 있습니다. 내 typescript 파일에는 다음이 포함됩니다. public options2 = [ {"id": 1, "name": "a"}, {"id": 2, "name": "b"} ] public selected2 = this.options2[1].id; 내 HTML 파일에는 다음이 포함됩니다. …

109 angular  typescript  angular-material2 

앵귤러 머티리얼 소스 내의 여러 위치에 cdk접두어로 있는 요소 / css 클래스가 있습니다 . cdk각도 재료 컨텍스트에서 약어를 아는 사람이 있습니까?

108 angular-material2  angular-cdk 

앱 전체에서 회사의 브랜드 색상을 사용하고 싶습니다. 이 문제를 발견했습니다. AngularJS 2-Material design- 사용자 지정 테마를 만들 수있는 색상 팔레트를 설정 했지만 기본적으로 미리 빌드 된 팔레트의 다른 부분을 사용하고 있습니다. Material2의 미리 정의 된 색상을 사용하고 싶지 않습니다. 저만의 독특하고 특별한 브랜드 색상을 원합니다. 그냥 해킹하는 것보다 나만의 테마를 …

104 angular  sass  material-design  angular-material2 

앵귤러 용 머티리얼을 설치했습니다. 내 앱 모듈 MatIconModule ( import { MatIconModule } from '@angular/material/icon';) 에서 가져 왔습니다. 내 ngmodule 가져 오기 아래에 다음을 추가했습니다. @NgModule({ imports: [ //... MatIconModule, //... 모든 스타일 시트를 가져 왔습니다. 또한 실제로 사용하려는 앱 구성 요소 ( import {MatIconModule} from '@angular/material/icon';시작 부분에 다른 줄이 …

93 angular  angular-material  angular-material2 

Angular Material (Angular 4+ 사용)에 관한 질문이 있습니다. 구성 요소 템플릿에서 구성 요소를 추가하고 <mat-horizontal-stepper>각 단계마다 <mat-step>구성 요소를 탐색 할 수있는 스테퍼 버튼이 있다고 가정합니다. 이렇게 ... <mat-horizontal-stepper> <mat-step> Step 1 <button mat-button matStepperPrevious type="button">Back</button> <button mat-button matStepperNext type="button">Next</button> </mat-step> <mat-step> Step 2 <button mat-button matStepperPrevious type="button">Back</button> <button mat-button matStepperNext …

85 angular  angular-material  angular-material2 

정렬 헤더가있는 일반 Angular Material 2 DataTable이 있습니다. 모든 정렬은 헤더가 잘 작동합니다. 물건을 가치로하는 것을 제외하고. 이것들은 전혀 정렬되지 않습니다. 예를 들면 : <!-- Project Column - This should sort!--> <ng-container matColumnDef="project.name"> <mat-header-cell *matHeaderCellDef mat-sort-header> Project Name </mat-header-cell> <mat-cell *matCellDef="let element"> {{element.project.name}} </mat-cell> </ng-container> 참고 element.project.name displayColumn 구성은 다음과 …

82 angular  angular-material2