angular-material2

2熱度

3回答

我無法弄清楚如何檢測時角材料墊sidenav容器滾動2. 我想調用一個方法，我的組件當用戶滾動時。但是，當使用sidenav容器時，滾動事件不再在窗口上觸發。取而代之的是添加一個額外的<mat-sidenav-content cdkscrollable></mat-sidenav-content>元素，這是滾動條的位置。如果我無法直接訪問該組件並將其放置在事件監聽器上，那麼如何在此組件上進行滾動

0熱度

1回答

如何使用選項組重置物料自動填充中的自定義過濾器

如何重置物料自動填充autocomplete中的自定義過濾器值。我有一組選項，如here。現在我想創建一個自定義過濾器來過濾我們的結果，它是選項組的名稱。像我的TS文件我有： pokemonGroups = [ { name: 'Grass', pokemon: [ 'bulbasaur-0', 'Bulbasaur', 'oddish-1','Odd

0熱度

4回答

Angular 5：組件之間共享數據的服務（跨模塊）？

我有這個簡單的服務，這是一個兩provider模塊： @Injectable() export class PlatformPickerService { platforms: string[] = [ 'macOS', 'Linux', 'Windows' ]; public platform: string; constructor() {

0熱度

1回答

角度材料：關閉時嵌套的擴展面板溢出

我有要求以嵌套模式加載擴展面板的要求。每個擴展面板都有一個子面板，每個擴展面板可能會有相似的面板。例如：  <mat-accordion> <mat-expansion-panel> Level-1 <mat-accordion> <mat-expansion-panel>Level-2 <mat-a

2熱度

1回答

訪問Angular-Material SCSS變量（Angular4）

如何訪問某些SCSS Angular-Material（Angular4）中的變量？例如，默認的工具欄上有一個CSS類如下： .mat-toolbar { display: flex; box-sizing: border-box; width: 100%; padding: 0 16px; flex-direction: column; }

0熱度

1回答

隱藏角材料2表，具體標題及其列

我只是試圖隱藏一個角材料2表statusid標題和列如下。 <mat-table class="mat-elevation-z1" #table [dataSource]="dataSourceHE"> <ng-container hidden="hidden" cdkColumnDef="statusid"> <mat-header-cell hidden="hi

0熱度

1回答

角度5材料，從後端服務器獲取mat-options（在自動完成/選擇列表中）

我正在將應用程序從AngularJS升級到Angular 5.我想出了大部分內容，但仍處於學習過程中，並且我無法弄清楚將自動完成列表連接到後端的最佳方式。材料設計網站也沒有提到這一點。下面的代碼看起來像現在： <mat-form-field> // chips are up here <mat-autocomplete (optionSelected)="chipAdd(

1熱度

1回答

有Angular 4 mat卡完全可點擊打開包含mat-menu

我想讓我的整個mat-card可點擊打開mat-menu即可能被包含在內。我有邏輯顯示不同的卡片內容取決於一些值。卡內容可以有一個mat-menu或沒有它。 <mat-card *ngFor="let card of cards"> <div *ngIf="!card.hasMenu">{{card.name}}</div> <div *ngIf="card.hasMenu">

2熱度

1回答

是否應該爲角材料2組件編寫包裝？

我正在處理幾個角度5的項目，我們想要使用https://material.angular.io/中的材料設計組件。爲了封裝材料設計組件，編寫封裝層是一個好主意嗎？因此，我們不會寫<mat-card>...</mat-card>，而是寫<my-app-card>...</my-app-card>之類的東西。主要動機是確保在我們所有項目中一致且易於更改用戶界面。

0熱度

1回答

如何強制從底部

角材2 sidenav內容一直在嘗試幾個地方在CSS中的角材2 mat-sidenav-container { background: white; bottom: 0px !important; /* <---- no help */ } mat-sidenav { width: 300px; height: 500px; padding