10

$dialogAngularUI でサービスを見つけることができませんでしmessageBox()た$modal。それも見つかりませんでした。

AngularJS / AngularUI を使用して簡単なダイアログ (削除の確認など) を作成する方法を教えてもらえますか?

前もって感謝します。

4

1 に答える 1

20

このサービスは、バージョン0.6.0の ui-bootstrap用$dialogにリファクタリングされました。の機能は引き続き使用できますが、代わりにそのまま使用できます。$modal$dialog$modal

docsによると、ページにbootstrap の cssとangular.js 、およびドキュメント サイトからダウンロードできるbootstrap-ui の JSが含まれていることを確認する必要があります。$modal他のディレクティブではなく、サービスのみを使用する必要がある場合は、「独自の作成」リンクを参照してください。

これらのファイルがページに含まれている場合は、angular モジュールの定義にui.bootstrap依存関係が含まれていることを確認してください。例えば

var app = angular.module('myApp', ['ui.bootstrap']);

$modalこれが完了したら、他のサービスと同様に、モジュール内にサービスを注入できるはずです。

app.controller('myController', function($scope, $modal) {
    $scope.openModal = function() {
       // Can use $modal service as per examples in doc page
    };
});

確かな例として、ドキュメントページには、サービスとディレクティブのそれぞれについて、ページとプランカーに優れた例があります (それらで遊ぶことができます)。ここでプランカーにリンクしたいのですが、できないようです。

于 2013-10-19T16:50:58.877 に答える