Trigger flow-btn / file browsing from controller

[albaad]

I am using a modal to preview and generally manage my file uploads. You get there via an 'upload files' button in the main template. My flow-init and whole ng-flow enchilada is done within the modal.

Problem is, I would like to force file browsing when loading this modal if a certain array where I keep track of the uploaded files happens to be empty. So the user doesn't have to go through an unnecessary second step that first time.

I've tried triggering the DOM element holding flow-btn attribute to no avail.

Any way of accomplishing this?

[jbrady89]

+1 Looking for this as well. My particular use case would be triggering the flow-btn (in this case opening the file browser dialog) functionality from within a controller. Documentation makes no mention of this capability.

[dashawk]

Maybe you can create a directive that triggers a click event for the flow-btn.

directive('flowBtnTrigger', function () {
    return {
        scope: {
            flowBtnTrigger: '=',
        },
        link: function (scope, element, attr) {
            scope.$watch('flowBtnTrigger', function (newValue) {
                if (newValue) {
                    element.trigger('click');
                }
            });0
        }
    };
});

then use it like:

<div class="my-btn" flow-btn flow-btn-trigger="shouldTrigger()"></div>

then in your controller:

    $scope.CONDITIONS = false;
    $scope.shouldTrigger = function () {
            // Manipulate your conditions here
            $scope.CONDITIONS = true;

            // then return the resulting value;
            return $scope.CONDITIONS;
    };

I'm not sure though if this works. I haven't tested it. This is just my idea of implementation.