คำถามติดแท็ก angular-material2

ฉันกำลังพยายามใช้ส่วนประกอบการเติมข้อความอัตโนมัติของ Angular ในโครงการ Angular 2 ของฉัน ฉันเพิ่มสิ่งต่อไปนี้ในแม่แบบของฉัน <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"; import {FormControl} from "@angular/forms"; @Component({ templateUrl: './edit_item.component.html', styleUrls: ['./edit_item.component.scss'] }) …

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> ผลลัพธ์นี้โดยประมาณ: <textbox placeholder="Personnummer/samordningsnummer" value="" ng-reflect-placeholder="Personnummer/samordningsnummer"> <field> <mat-form-field class="mat-input-container mat-form-field> <div class="mat-input-wrapper mat-form-field-wrapper"> <div class="mat-input-flex …

187 angular  angular-material2 

ฉันใช้วัสดุที่ 2 md-raised-buttonการเพิ่ม ฉันต้องการใช้คำสั่งนี้ก็ต่อเมื่อเงื่อนไขบางอย่างกลายเป็นจริง ตัวอย่างเช่น: <button md-raised-button="true"></button> อีกตัวอย่างหนึ่ง: ฉันสร้างรูปแบบปฏิกิริยาไดนามิกพื้นฐานใน plunker ฉันใช้formArrayNameคำสั่งของรูปแบบปฏิกิริยาสำหรับอาร์เรย์ของการควบคุม ฉันต้องการใช้formArrayNameคำสั่งเฉพาะในกรณีที่เงื่อนไขเฉพาะกลายเป็นจริงมิฉะนั้นอย่าเพิ่มformArrayNameคำสั่ง นี่คือการเชื่อมโยง plunker

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

ในหลาย ๆ ตำแหน่งภายในแหล่งวัสดุเชิงมุมมีองค์ประกอบ / คลาส css ที่cdkเป็นคำนำหน้า มีใครรู้บ้างว่าคำย่อcdkในบริบทวัสดุเชิงมุมคืออะไร?

109 angular-material2  angular-cdk 

ฉันมี mat-select โดยที่อ็อพชันคืออ็อบเจ็กต์ทั้งหมดที่กำหนดไว้ในอาร์เรย์ ฉันพยายามตั้งค่าเป็นค่าเริ่มต้นเป็นหนึ่งในตัวเลือก แต่จะถูกเลือกทิ้งไว้เมื่อหน้าแสดงผล ไฟล์ typescript ของฉันประกอบด้วย: public options2 = [ {"id": 1, "name": "a"}, {"id": 2, "name": "b"} ] public selected2 = this.options2[1].id; ไฟล์ HTML ของฉันประกอบด้วย: <div> <mat-select [(value)]="selected2"> <mat-option *ngFor="let option of options2" value="{{ option.id }}"> {{ option.name }} </mat-option> </mat-select> </div> ฉันได้ลองการตั้งค่าselected2และvalueในmat-optionทั้งอ็อบเจ็กต์และ id แล้วและได้ลองใช้ทั้งสองอย่าง[(value)]และ[(ngModel)]ในmat-selectแต่ไม่มีการทำงาน ฉันใช้วัสดุเวอร์ชัน 2.0.0-beta.10

109 angular  typescript  angular-material2 

ฉันต้องการใช้สีแบรนด์ของ บริษัท ของฉันตลอดทั้งแอป ฉันพบปัญหานี้: AngularJS 2 - การออกแบบวัสดุ - ตั้งค่าจานสีที่ฉันสามารถสร้างชุดรูปแบบที่กำหนดเองได้แต่โดยพื้นฐานแล้วจะใช้เพียงส่วนต่างๆของจานสีที่สร้างไว้ล่วงหน้า ฉันไม่ต้องการใช้สีที่กำหนดไว้ล่วงหน้าของ Material2 ฉันต้องการสีของแบรนด์ที่เป็นเอกลักษณ์และพิเศษของฉัน มีวิธีที่ดีกว่าในการสร้างธีมของตัวเอง_palette.scssไหม ฉันจำเป็นต้องทำมิกซ์อินสำหรับแบรนด์ของฉันหรือไม่? ถ้ามี - มีคำแนะนำเกี่ยวกับวิธีการทำอย่างถูกต้องหรือไม่? ความหมายของเฉดสีต่างๆ (มีตัวเลขเช่น 50, 100, 200, A100, A200 ... ) ข้อมูลใด ๆ เกี่ยวกับพื้นที่นี้จะได้รับการชื่นชมมาก!

108 angular  sass  material-design  angular-material2 

ฉันได้ติดตั้งวัสดุสำหรับเชิงมุมแล้ว ฉันนำเข้าในโมดูลแอป MatIconModule (with import { MatIconModule } from '@angular/material/icon';) ฉันได้เพิ่มไว้ภายใต้การนำเข้า ngmodule ของฉันด้วย: @NgModule({ imports: [ //... MatIconModule, //... ฉันนำเข้าสไตล์ชีททั้งหมดแล้ว และฉันยังนำเข้าในส่วนประกอบแอปของฉันซึ่งจริง ๆ แล้ว (พยายาม) ใช้ (โดยมีimport {MatIconModule} from '@angular/material/icon';บรรทัดอื่นอยู่ตอนต้น) แต่ไอคอนวัสดุยังไม่ปรากฏ ตัวอย่างเช่นในบรรทัดนี้: <button mat-icon-button (click)="snav.toggle()"><mat-icon>menu</mat-icon></button> ฉันคาดหวังสิ่งนี้: แต่ฉันได้รับสิ่งนี้: มีข้อเสนอแนะหรือไม่?

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 type="button">Next</button> </mat-step> <mat-step> Step 3 <button mat-button matStepperPrevious type="button">Back</button> <button mat-button matStepperNext type="button">Next</button> </mat-step> </mat-horizontal-stepper> ตอนนี้ฉันกำลังสงสัยว่าเป็นไปได้หรือไม่ที่จะลบปุ่มออกจากแต่ละขั้นตอนและวางไว้ที่อื่นใน<mat-horizontal-stepper>ตำแหน่งคงที่หรือแม้กระทั่งภายนอก<mat-horizontal-stepper>และฉันสามารถนำทางไปข้างหลังและข้างหน้าโดยใช้โค้ดภายในไฟล์ typescript ของคอมโพเนนต์ของฉัน …

88 angular  angular-material  angular-material2