2

現在、ファイルのアップロードを簡単にするために作成したAngularディレクティブがあります。基本的に、アップロードが完了したときにディレクティブでイベントを発生させ、jqueryを使用してこのイベントをバインドし、ページ上の画像を更新します。

これが私のディレクティブの設定方法です：

module.directive("fileUpload", 
function()
{
    var directive = 
    {
        restrict:"E",
        template:'<form method="post" enctype="multipart/form-data"></form>',
        replace:true,

        compile: function compile()
        {
            return function postLink(scope, iElement, iAttrs, controller)
            {
                //some file upload code in jquery.
            }
        }
    };
    return directive;

});

基本的に知りたいのは、どうすればこの火災をイベントにすることができるかということです。（可能であれば）

ディレクティブは複雑な領域であることを私は知っているので、誰かがそれをどのように構成すべきかについて何か提案があれば、それらも大いに感謝されます。

4

1 に答える 1

4

画像の URL のみを更新したい場合は、単にコントローラーに任せることができます。 http://plnkr.co/edit/yCKaKH

ここでは、img 要素が定義されているディレクティブ内に作成された $scope を使用しています。

ディレクティブの外で (スコープに関して) 通信したい場合は、$scope.$emit() と $scope.$on() を介してイベント メカニズムを使用できます。http://plnkr.co/edit/qlWIyB

于 2012-09-05T22:53:45.680 に答える