«angular-material2» etiketlenmiş sorular

4
'Form' için bilinen bir özellik olmadığından 'formControl'e bağlanamıyor - Angular2 Material Autocomplete issue
Açısal 2 projemde Açısal Malzeme Otomatik Tamamlama bileşenini kullanmaya çalışıyorum . Şablonuma aşağıdakileri ekledim. <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> Benim bileşenim aşağıda. import {Component, OnInit} from "@angular/core"; import {ActivatedRoute, Router} from "@angular/router"; import …

29
mat-form-field bir MatFormFieldControl içermelidir
Şirketimizde kendi form-alan-Bileşenlerimizi oluşturmaya çalışıyoruz. Malzeme tasarımının Bileşenlerini şu şekilde sarmaya çalışıyoruz: alan: <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> Metin kutusu: <field hint="hint"> <input matInput [placeholder]="placeholder" [value]="value" (change)="onChange($event)" (keydown)="onKeydown($event)" (keyup)="onKeyup($event)" (keypress)="onKeypress($event)"> </field> Kullanımı: <textbox value="test" hint="my hint"></textbox> Bu yaklaşık olarak şu sonuca …

14
Koşullu bir yönerge uygulayın
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 …


17
Açısal Malzeme: mat-select varsayılanı seçmiyor
Seçeneklerin bir dizide tanımlanan tüm nesneler olduğu bir mat-select'im var. Değeri varsayılan olarak seçeneklerden birine ayarlamaya çalışıyorum, ancak sayfa oluşturulduğunda seçili olarak bırakılıyor. Typescript dosyam şunları içerir: public options2 = [ {"id": 1, "name": "a"}, {"id": 2, "name": "b"} ] public selected2 = this.options2[1].id; HTML dosyam şunları içeriyor: <div> <mat-select …

2
Angular'da özel tema paletlerini nasıl kullanabilirim?
Uygulama genelinde şirketimin marka renklerini kullanmak istiyorum. Bu sorunu buldum: AngularJS 2 - Materyal tasarımı - iddia edildiği gibi özel bir tema oluşturabileceğim renk paleti ayarlayın , ancak temelde sadece önceden oluşturulmuş paletlerin farklı bölümlerini kullanıyor. Material2'nin önceden tanımlanmış renklerini kullanmak istemiyorum. Eşsiz ve özel marka renklerimi istiyorum. Kendi temamı …

14
Açısal Malzeme simgeleri çalışmıyor
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 …

4
Açısal / Açısal Malzemede bir mat-yatay adımlayıcı adımlarını programlı olarak hareket ettirebilir miyim
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 …

12
Açısal Malzeme 2 İç içe nesnelerle DataTable Sıralama
Sıralama başlıklarına sahip normal bir Angular Material 2 DataTable'ım var. Her tür başlıklar iyi çalışıyor. Değer olarak bir nesneye sahip olanlar hariç. Bunlar hiç sıralanmıyor. Örneğin: <!-- 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> not et element.project.name …
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.