タグ付けされた質問 「angular-material」

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 ], // ... それでも私はこのエラーを受け取ります... EXCEPTION: Error in ./HomeComponent class HomeComponent - inline template:53:0 caused by: No component factory …

232 angular  angular-material 

閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善してみませんか？Stack Overflowのトピックとなるように質問を更新します。 5年前休業。 この質問を改善する AngularJS（フルスタック）を使用して新しいプロジェクトを開始します。私のプロジェクトはレスポンシブである必要があり、テンプレートを最初から作成します。 では、レイアウトにブートストラップ3（角度ディレクティブを含む）とマテリアルデザインのどちらを選択するかについてのアドバイスが必要ですか？ 私は誰かが両方の長所と短所をリストできるかどうか非常に感謝します。

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

マットテーブルを使用して、ユーザーが選択した言語のコンテンツを一覧表示しています。ダイアログパネルを使用して新しい言語を追加することもできます。彼らは言語を追加して戻った後。データソースを更新して、行った変更を表示します。 サービスからユーザーデータを取得し、refreshメソッドでデータソースに渡すことにより、データストアを初期化します。 Language.component.ts import { Component, OnInit } from '@angular/core'; import { LanguageModel, LANGUAGE_DATA } from '../../../../models/language.model'; import { LanguageAddComponent } from './language-add/language-add.component'; import { AuthService } from '../../../../services/auth.service'; import { LanguageDataSource } from './language-data-source'; import { LevelbarComponent } from '../../../../directives/levelbar/levelbar.component'; import { DataSource } from '@angular/cdk/collections'; import { Observable …

120 angular  angular-material  refresh 

マテリアル2を使用して追加していmd-raised-buttonます。特定の条件が成立した場合にのみ適用したい。 例えば： <button md-raised-button="true"></button> 別の例：plunkerで基本的な動的反応フォームを作成しました。formArrayNameコントロールの配列に反応型のディレクティブを使用しています。formArrayName特定の条件がtrueになった場合にのみディレクティブを適用し、それ以外の場合はformArrayNameディレクティブを追加しません。 こちらがプランカーリンクです。

109 angular  angular-material  angular2-forms  angular2-directives  angular-material2 

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 { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { MatSort, MatTableModule } from '@angular/material'; import { AppComponent } from './app.component'; import { TableSortingExample } from './table-sorting-example'; @NgModule({ declarations: [ AppComponent, TableSortingExample, MatSort ], imports: [ …

105 angular  angular-material 

私は現在、Angular 4プロジェクトのパスワードリセットページに取り組んでいます。Angular Materialを使用してダイアログを作成していますが、クライアントがダイアログをクリックすると、ダイアログは自動的に閉じます。コード側が「閉じる」関数を呼び出すまでダイアログを閉じないようにする方法はありますか？または、どのようにして閉じることができないモーダルを作成する必要がありますか？

103 angular  dialog  modal-dialog  angular-material 

角度のあるマテリアルをインストールしました。 アプリモジュールMatIconModuleにインポートしました（と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> 私はこのようなものを期待しています： しかし、私はこれを取得します： 何か提案がありますか？

98 angular  angular-material  angular-material2 

この例の最初のオカレンスをデフォルトとして設定しようとしています：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 in [let indicador of indicadores; #first = first] in …

94 angular  angular-material 

以下のAngularMaterialコードを変更して、データテーブルがデフォルトで昇順で「name」列でソートされるようにするにはどうすればよいですか。矢印（現在のソート方向を示す）を表示する必要があります。 これが私が達成したいことです： 元のコード： <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 of sortedData"> <td>{{dessert.name}}</td> <td>{{dessert.calories}}</td> <td>{{dessert.fat}}</td> <td>{{dessert.carbs}}</td> <td>{{dessert.protein}}</td> </tr> </table> 私はこのようなことを試みていましたが、機能しません（矢印が表示されず、ソートされていません） <table matSort (matSortChange)="sortData($event)" matSortActive="name" matSortStart="asc" matSortDisableClear> プランカーへのリンクはこちら

89 angular  angular-material 

私はAngular5の開発に不慣れです。ここに提供されている例を使用して、角度のあるマテリアルを使用してデータテーブルを開発しようとしています：「https://material.angular.io/components/table/examples」。 エラーが発生しました Can't bind to 'dataSource' since it isn't a known property of 'table'. 助けてください。

88 angular  datatable  angular-material 

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>ます。コンポーネントのタイプスクリプトファイル内のコードを使用して前後に移動できます。アイデアを出すために、HTMLを次のようにしたいと思います <mat-horizontal-stepper> <mat-step> Step 1 </mat-step> <mat-step> Step 2 …

88 angular  angular-material  angular-material2 

Angular 8では、アプリの構築中に次のエラーが発生します： 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 

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 be declared in an ambient context. node_modules/@angular/cdk/a11y/focus-trap/focus-trap.d.ts(128,9): error TS1086: An accessor cannot be declared in an ambient context. node_modules/@angular/cdk/a11y/focus-trap/focus-trap.d.ts(129,9): error TS1086: …

25 angular  angular-material