問題タブ [angular2-material]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angular - angular2-material (アルファ 8.2) を angular2-Quickstart アプリと統合する方法
注: Angular-CLI は使用しません
このプランカーはAlpha-8.1で動作しています: https://plnkr.co/edit/qoZ3YCwSz0mQ5o974Dt0?p=preview
クイックスタート アプリを問題なく実行しています。
ステップ 1 : package.jsonを更新して、angular2-materialおよびangular2-buttonパッケージを含めました。
パッケージ.json
ステップ 2 : npm installを実行すると、node_modulesフォルダーの下に@angular-materialフォルダーが表示されます。
ステップ 3 : @angular2/materialパッケージをnode_modules umd.jsファイルにマップするようにsystemjs.config.jsを更新しました。
注: app: 'dist'を使用して、 .map.jsおよび.jsファイルを.tsファイルから分離します
systemjs.config.js
ステップ 4 : app.module.ts の更新
ステップ 5 : app.component.ts の更新
エラー:
localhost/:16 エラー: エラー: XHR エラー (404 Not Found) http://localhost:3000/node_modules/@angular2-material/button/button.umd.js の読み込み中(…)
angular - angular-cli(webpack): キャッチされていないエラー: モジュール "." が見つかりません
アプリを angular2 rc5 から 2.0.0 にアップグレードしました。すべてが期待どおりに機能しています。
次に、angular-cli を 1.0.0-beta.9 から 1.0.0-beta.15 にアップグレードし始めたので、システムから webpack に移行します。@angular2-material/icon でエラーが発生しました。モジュール '.' が見つかりません。
メインモジュールは次のようになります。
そして、次のような SharedModule :
そして私の主なコンポーネント：
その「。」モジュールはそれを解決する方法ですか？
angular - forRoot() によるモジュールのインポート
Angular2 Materialの例を見ていきますforRoot()。メソッドを使用して、すべての Material モジュールがルート モジュールにインポートされていることがわかります。したがって、私のアプリでは同じことを行います。
ここで、他の共有モジュール内でいくつかのマテリアル コンポーネントを使用する必要があります。つまり、関連するマテリアル パッケージを共有モジュールにインポートする必要があります。forRoot()Shared モジュールにインポートするときにもメソッドを使用する必要があるかどうかはわかりません。
助けてくれてありがとう
angular - Angular2 アプリで OverlayModule (angular2-material) を使用する方法
注：Angular-Cliは使用しません
OverlayModuleは、他の angular2-material コンポーネントに必要なようです。
zone.js:355 未処理の Promise 拒否: ./AppComponent クラス AppComponent のエラー - インライン テンプレート:2:2 原因: オーバーレイのプロバイダーがありません! ; ゾーン： ; タスク: Promise.then ; 価値：
angular2-material からすべてのパッケージをインストールしました。
systemjs.config.js
angular2-material コンポーネントにsharedModuleを使用しているため、どこでも使用できます。
shared.module.ts
App.Module.ts
HTML:
angular - angular2-materialコンポーネントを使用してangular2.0でngテストを実行するとテストケースが失敗する
アプリケーションで angular2.0 を使用しています
angular2-material コンポーネントをインストールし、必要なモジュールにインポートしました
コンポーネントの 1 つのテスト ケースを作成してみました
//about.component.html
//about.component.ts
//about.component.spec.ts
//package.json
すると、次のようng testになります。
この問題を解決する方法はありますか?
angular - Angular 2 マテリアル: カードを 1 行で作成する
ここで簡単なコードを作成しましたhttp://embed.plnkr.co/INpybaat2XZqdStsKAdy/。カードは 1 行でレンダリングされませんでした。1行でレンダリングするにはどうすればよいですか? ありがとうございました。
angular - angular2-materialize を使用しようとしていますが、読み込みの問題を解決できないようです
angular2-materialize と materialize-css を使用するために、私は一日中タイピングに取り組んでいますが、あまり運がありません。
保存オプションを指定して npm install で両方をインストールしました。
これが私が得ているエラーの1つです：
(インデックス):29 エラー: SyntaxError: 予期しないトークン <(…)
この行は次のとおりです。
提案？
systemjs.config.js
app.component.ts
index.html