Angularjs中添加/编辑场景的设计建议

Question

这是我的设想。我有一个addPersonController和editPersonController，分别有addPersonView和editPersonView。在这两个控制器中，我上传的是人的照片。我的上传功能使用作用域变量/函数来处理控制器中的文件上载。因此，我最终在两个不同的控制器中有相同的代码。有什么建议可以重用上传功能吗？我使用ng-flow指令上传。

$scope.personImageUploaderConfig = {
    target : '/personImageUpload',
    singleFile:true,
    chunkSize : $scope.maxChunkSize,
    query: function (flowFile, flowChunk) {
        // function will be called for every request
        return {
            personId: $scope.newPersonIdentifier, source: 'flow_query'
        };
    }
};   

$scope.onUploadCompleted = function () {
    //event triggers by ng-flow when upload completes
};

//calls by controller logic supplying personId
$scope.handleUpload = function(personId){       
    if($scope.personPicture){
        $scope.newPersonIdentifier = personId;
        $scope.image.flow.upload();         
    }
};
//event triggers by ng-flow when image selected
$scope.imageSelected= function () {

    else {

        $scope.getBinrayFromFile($scope.image.flow.files[0].file).then(function (binary) {
            $scope.personPicture = binary;
        });
    }
};

$scope.getBinrayFromFile=function(file){
    var deferred = $q.defer();
    var r = new FileReader();
    r.onloadend = function(e){
        var data = e.target.result;
        deferred.resolve(data);
    };
    r.readAsBinaryString(file);
    return deferred.promise;
};

Answer 1

您可以创建一个指令来处理这个问题，使用scope: false使指令中的作用域与控制器中的作用域相同。