3

通常、次のAngular Materialようなダイアログを表示できます。

$mdDialog.show({
    controller: FooCtrl,
    templateUrl: 'app/foo_modal.html',
    clickOutsideToClose: true
});

代わりに、インラインオプションでコンポーネントを使用したいと思います。templateこれを実行しようとすると、画面が薄暗くなりますが、コンポーネントのビューは表示されません。

コンポーネントauth-modalがレンダリングされていないようです。

<div class="md-dialog-container ng-scope" tabindex="-1" style="top: 0px; height: 371px;">
    <div class="md-dialog-focus-trap" tabindex="0"></div>
    <md-dialog role="dialog" tabindex="-1" id="dialogContent_3" aria-describedby="dialogContent_3" class="md-transition-in">
        <auth-modal></auth-modal>
    </md-dialog>
    <div class="md-dialog-focus-trap" tabindex="0"></div>
</div>
4

2 に答える 2

3

これは、実際の例を含むプランカーです。

user-detailこの例では、ダイアログのインライン テンプレートで呼び出されるコンポーネントを使用しています。

$mdDialog.show({
    locals: { users: su },
    controller: DialogController,
    template: '<h2>Selected users ' +
              '<button ng-click="closeDialog()">x</button></h2>' +
              '<user-detail ng-repeat="u in users" user="u">' +
              '</user-detail>',
});

特定の問題が発生している場合は、エラー メッセージまたはその他の情報を投稿してください。

于 2016-04-18T09:36:10.527 に答える