«angular-material» etiketlenmiş sorular

Https://material.angular.io/components/component/dialog adresindeki dokümanları takip etmeye çalışıyorum, ancak aşağıdaki sorunu neden anlayamıyorum? Bileşene aşağıdakileri ekledim: @Component({ selector: 'dialog-result-example-dialog', templateUrl: './dialog-result-example-dialog.html', }) export class DialogResultExampleDialog { constructor(public dialogRef: MdDialogRef<DialogResultExampleDialog>) {} } Modülüme ekledim import { HomeComponent,DialogResultExampleDialog } from './home/home.component'; @NgModule({ declarations: [ AppComponent, LoginComponent, DashboardComponent, HomeComponent, DialogResultExampleDialog ], // ... Yine de …

232 angular  angular-material 

Kapalı. Bu soru Yığın Taşması yönergelerine uygun değil . Şu anda cevapları kabul etmiyor. Bu soruyu geliştirmek ister misiniz? Soruyu Yığın Taşması için konuyla ilgili olacak şekilde güncelleyin . 5 yıl önce kapalı . Bu soruyu geliştir AngularJS (full stack) kullanarak yeni bir projeye başlayacağım. Projemin duyarlı olması gerekiyor ve …

181 angularjs  twitter-bootstrap-3  material-design  angular-material 

Seçilen dillerin içeriğini listelemek için bir mat-masa kullanıyorum . Ayrıca iletişim panelini kullanarak yeni diller ekleyebilirler. Bir dil ekledikten ve geri döndükten sonra. Veri kaynağımın yaptıkları değişiklikleri gösterecek şekilde yenilenmesini istiyorum. Bir hizmetten kullanıcı verilerini alarak ve yenileme yönteminde bir veri kaynağına geçirerek veri deposunu başlatıyorum. Language.component.ts import { Component, …

122 angular  angular-material  refresh 

mat-tableSıralamanın yerel olarak çalışmasını sağlamaya çalışıyorum ve verilerin beklendiği gibi gösterilmesini sağlayabilirken, başlık satırına tıklamak çevrimiçi örneklerde olduğu gibi sıralamayı yapmıyor (hiçbir şey olmuyor). Bu demoyu yerel olarak çalıştırmaya çalışıyorum: https://material.angular.io/components/sort/overview https://plnkr.co/edit/XF5VxOSEBxMTd9Yb3ZLA?p=preview Angular CLI ile yeni bir proje oluşturdum, ardından şu adımları izledim: https://material.angular.io/guide/getting-started İşte yerel dosyalarım: app.module.ts import { …

114 angular  angular-material 

Şu anda bir Angular 4 projesinin şifre sıfırlama sayfası üzerinde çalışıyorum. İletişim kutusunu oluşturmak için Açısal Malzeme kullanıyoruz, ancak müşteri iletişim kutusunun dışına tıkladığında otomatik olarak kapanacaktır. Kod tarafımız "kapat" işlevini çağırana kadar iletişim kutusunun kapanmasını önlemenin bir yolu var mı? Veya kapatılamaz bir model nasıl oluşturmalıyım ?

114 angular  dialog  modal-dialog  angular-material 

Eklemek için Materyal 2 kullanıyorum md-raised-button . Bu yönergeyi yalnızca belirli koşullar gerçekleştiğinde uygulamak istiyorum. Örneğin: <button md-raised-button="true"></button> Başka bir örnek: Plunker'da temel bir dinamik reaktif form oluşturdum. formArrayNameDenetim dizisi için reaktif form yönergesini kullanıyorum . formArrayNameYönergeyi yalnızca belirli bir koşul doğru olduğunda uygulamak istiyorum , aksi takdirde eklemeyinformArrayName yönerge …

112 angular  angular-material  angular2-forms  angular2-directives  angular-material2 

Açısal için Malzeme yükledim, Uygulama modülüm MatIconModule (ile import { MatIconModule } from '@angular/material/icon';) içe aktardım Bunu ngmodule içe aktarmalarımın altına ekledim: @NgModule({ imports: [ //... MatIconModule, //... Tüm stil sayfalarını içe aktardım Ve aslında onları kullanan ( import {MatIconModule} from '@angular/material/icon';başında başka bir satır olan) uygulama bileşenime de aktardım …

93 angular  angular-material  angular-material2 

Bu örnekteki ilk örneği varsayılan olarak ayarlamaya çalışıyorum: plunkr aşağıdaki hatayı alıyorum: 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 …

92 angular  angular-material 

Aşağıdaki Angular Material kodunu nasıl değiştirebilirim, böylece veri tablosu varsayılan olarak artan sırada 'ad' sütununa göre sıralanır. Ok (mevcut sıralama yönünü gösteren) görüntülenmelidir. Başarmak istediğim şey bu: Orijinal kod: <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 …

89 angular  angular-material 

Açısal 5 geliştirmede yeniyim. Burada verilen örneği kullanarak açısal malzemeyle bir veri tablosu geliştirmeye çalışıyorum: " https://material.angular.io/components/table/examples ". Derken bir hata alıyorum Can't bind to 'dataSource' since it isn't a known property of 'table'. Lütfen yardım et.

88 angular  datatable  angular-material 

Angular Material ile ilgili bir sorum var (Angular 4+ ile). Bileşen şablonumda bir <mat-horizontal-stepper>bileşen eklediğimi ve her adımda <mat-step>bileşende gezinmek için adım düğmeleri olduğunu varsayalım. Böyle ... <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 …

88 angular  angular-material  angular-material2 

Açısal 8 ile, uygulamayı oluştururken aşağıdaki hatayla karşılaşıyoruz: app/modules/admin-module/pages/editor/editor.component.ts:6:27 - error TS2306: File ...node_modules/@angular/material/index.d.ts' is not a module.

40 angular  angular-material 

Açısal Malzeme öğreniyorum ve {MatButtonModule} "@ açısal / material / button" dan içe aktarılırken bu hatayı alıyorum. Diğer cevaplarda okuduğum kadarıyla, paket uyumluluğu sorunları gibi görünüyor, ancak düzeltemedim. İşte tam hata 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 …

25 angular  angular-material