«angular-material» 태그된 질문

Angular Material은 Angular에서 Material Design을 구현 한 것입니다. 이전 AngularJS 프레임 워크 용 머티리얼 디자인 구현 인 AngularJS 머티리얼에는이 태그를 사용하지 마십시오.

10
Angular2 재질 대화 상자에 문제가 있습니다-@ NgModule.entryComponents에 추가 했습니까?
https://material.angular.io/components/component/dialog에 있는 문서를 따르려고 하는데 왜 아래 문제가 있는지 이해할 수 없습니까? 내 구성 요소에 아래를 추가했습니다. @Component({ selector: 'dialog-result-example-dialog', templateUrl: './dialog-result-example-dialog.html', }) export class DialogResultExampleDialog { constructor(public dialogRef: MdDialogRef<DialogResultExampleDialog>) {} } 내 모듈에서 나는 추가했다 import { HomeComponent,DialogResultExampleDialog } from './home/home.component'; @NgModule({ declarations: [ AppComponent, LoginComponent, DashboardComponent, HomeComponent, DialogResultExampleDialog …

1
부트 스트랩 대 재료 설계 선택 [닫기]
닫은. 이 질문은 스택 오버플로 지침을 충족하지 않습니다 . 현재 답변을받지 않습니다. 이 질문을 개선하고 싶습니까? 질문을 업데이트하여 스택 오버플로에 대한 주제가 . 휴일 오년 전에 . 이 질문을 개선하십시오 AngularJS (풀 스택)를 사용하여 새 프로젝트를 시작하겠습니다. 내 프로젝트는 반응이 좋으며 처음부터 템플릿을 만들 것입니다. 따라서 레이아웃에 부트 스트랩 3 …

23
Angular + Material-데이터 소스를 새로 고치는 방법 (매트 테이블)
사용자가 선택한 언어의 내용을 나열하기 위해 매트 테이블 을 사용하고 있습니다. 대화 패널을 사용하여 새 언어를 추가 할 수도 있습니다. 그들이 언어를 추가하고 돌아온 후. 데이터 소스를 새로 고쳐 변경 사항을 표시하고 싶습니다. 서비스에서 사용자 데이터를 가져 와서 refresh 메서드의 데이터 소스에 전달하여 데이터 저장소를 초기화합니다. Language.component.ts import { Component, …

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

16
매트 테이블 정렬 데모가 작동하지 않음
mat-table정렬이 로컬에서 작동하도록 시도 하고 있으며 예상대로 데이터를 표시 할 수 있지만 머리글 행을 클릭하면 온라인 예제 에서처럼 정렬이 수행되지 않습니다 (아무것도 발생하지 않음). 이 데모를 로컬에서 작동 시키려고합니다 : https://material.angular.io/components/sort/overview https://plnkr.co/edit/XF5VxOSEBxMTd9Yb3ZLA?p=preview Angular CLI로 새 프로젝트를 생성 한 후 다음 단계를 따랐습니다. https://material.angular.io/guide/getting-started 내 로컬 파일은 다음과 같습니다. app.module.ts import …

2
각도 재질 대화 상자 영역 외부를 클릭하여 대화 상자를 닫습니다 (Angular 버전 4.0 이상 사용).
현재 Angular 4 프로젝트의 비밀번호 재설정 페이지에서 작업 중입니다. Angular Material을 사용하여 대화 상자를 만들지 만 클라이언트가 대화 상자를 클릭하면 자동으로 닫힙니다. 코드 측에서 "close"함수를 호출 할 때까지 대화 상자 닫기를 피하는 방법이 있습니까? 아니면 닫을 수없는 모달을 어떻게 만들어야 합니까?

3
첫 번째, 마지막, 인덱스 루프의 각도 2ng
이 예제에서 첫 번째 항목을 기본값으로 설정하려고합니다. plunkr 다음 오류가 발생합니다. Unhandled Promise rejection: Template parse errors: TypeError: Cannot read property 'toUpperCase' of undefined ("dButtonToggleGroup"> <md-button-toggle [ERROR ->]*ngFor="let indicador of indicadores; #first = first" value="indicador.id" [checked]="first">"): ng:///AppModule/HomeComponent.html@35:78 Parser Error: Unexpected token #, expected identifier, keyword, or string at column 31 …

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


4
Angular / Angular Material에서 mat-horizontal-stepper의 단계를 프로그래밍 방식으로 이동할 수 있습니까?
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 …

9
Angular Material의 기본 정렬-정렬 헤더
데이터 테이블이 기본적으로 오름차순으로 '이름'열별로 정렬되도록 아래 Angular Material 코드를 어떻게 변경할 수 있습니까? 화살표 (현재 정렬 방향을 나타냄)가 표시되어야합니다. 이것이 내가 이루고 싶은 것입니다. 원래 코드 : <table matSort (matSortChange)="sortData($event)"> <tr> <th mat-sort-header="name">Dessert (100g)</th> <th mat-sort-header="calories">Calories</th> <th mat-sort-header="fat">Fat (g)</th> <th mat-sort-header="carbs">Carbs (g)</th> <th mat-sort-header="protein">Protein (g)</th> </tr> <tr *ngFor="let dessert …


2
오류 TS1086 : 각도 9에서 주변 컨텍스트에서 접근자를 선언 할 수 없습니다.
Angular Material을 배우고 있는데 "@ angular / material / button"에서 {MatButtonModule}을 가져올 때이 오류가 발생합니다. 다른 답변에서 읽은 내용에서 패키지 호환성 문제처럼 보이지만 해결할 수 없습니다. 여기에 전체 오류가 있습니다 ERROR in node_modules/@angular/cdk/a11y/focus-trap/focus-trap.d.ts(29,9): error TS1086: An accessor cannot be declared in an ambient context. node_modules/@angular/cdk/a11y/focus-trap/focus-trap.d.ts(30,9): error TS1086: An accessor cannot …
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.