問題タブ [mddialog]

Yeoman をプロジェクト スターターとして使用して、Angular Material Web アプリケーションを作成しました。私が走るとき

localhost で Web サイトを正しく表示でき、すべてが機能しています。私が実行すると：

私のWebアプリケーションを構築するために、エラーなしで終了します。その後、dist フォルダーのコンテンツをオンライン Web サーバーにアップロードしますが、Web アプリケーションに移動すると、$mddialog で使用した部分的なテンプレート html が読み込まれず、次のエラーが発生します。

$mddialog コードは次のとおりです。

および部分的なテンプレート html:

私が間違っていることは何ですか？

私たちの Web アプリでは、確認オブジェクトで Angular-Materials $mdDialog を使用します。ボタンの順番をcancel-okからok-cancelに変更することはできますか? そして、初期フォーカスをキャンセル ボタンに設定するには? 多分CSSまたはテンプレートを介して？

コードは次のようになります。

次のメソッドを含む Angular サービスがあります。

$mdDialog のonCompleteコールバックをテストするにはどうすればよいですか? $mdDialog.show が呼び出されたかどうかをテストできましたが、テスト コールバックを機能させることができません。

ダイアログを開く Angular コンポーネントの単体テストを作成しようとしていますが、ダイアログを閉じることをトリガーできないため、作成できません。

md ダイアログをテスト ケースから解決するにはどうすればよいですか?

問題を再現できる基本的な例を含むリポジトリを作成し、以下の中心的なビットをコピーしました。コードが機能していることを手動で確認するための index.html、問題を表示するテスト ケース、および md コードでのテストの記述方法の例があります。

リポジトリ - https://github.com/gseabrook/md-dialog-test-issue

コンポーネントは非常に基本的です

また、テストも非常に簡単です

ボタンをクリックしたときにAngular js1.5でmd-dialogをロードしようとしていますが、表示されるのはモーダルポップアップのhtmlマークアップだけですが、コントローラーはそのコンポーネントをロードしません。以下は、ダイアログを呼び出す md-dialog ファイルを表示するための私のマークアップです。

したがって、 controller :Controller を実行すると、ディレクトリ構造にあるように別のコンポーネントに移動します。traderdialog.js の私のコードは次のとおり です。