I can't get this module to work

[kudlajz]

Hi,

I have discovered this module to Angular and it looks great, but as hard as I am trying, I can't figure out how to use it.

I have a directive, in which I have this code

<form class="ui form">
    <div class="content ui segment">
        <div class="field">
            <input type="text" data-ng-model="data.title" placeholder="{{ 'Title'|translate }}">
        </div>

        <div flow-init="{target: '/api/outfit'}">
            <button type="button" class="ui button" flow-btn data-ng-show="!$flow.files.length">Select file with photo</button>
            <div class="field" data-ng-show="$flow.files.length">
                <img flow-img="$flow.files[0]">
            </div>
            <input type="submit" class="ui blue submit button" value="{{ 'Add outfit'|translate }}" data-ng-show="$flow.files.length">
        </div>
    </div>
</form>

What do I have to do, to:

1. Begin file upload right after it is selected
2. Begin file upload after the form is submitted?

Thanks a lot in advance.

[AidasK]

1. Begin file upload right after it is selected
   start upload on filesSubmitted event:
   flow-files-submitted="$flow.upload()"
   https://github.com/flowjs/ng-flow#quick-setup
2. Begin file upload after the form is submitted?

<form ng-submit="$flow.upload()"> 
...
</form>

[kudlajz]

Okay, but what is the $flow.upload() method? Do I have to declare it, or is it declared already?

[AidasK]

flow-init directive creates new controller, which adds $flow variable to the scope.
$flow is new instance of https://github.com/flowjs/flow.js#flow

[AidasK]

Answer: it is already declared.
Make sure you have flow-init declared on the form or above it to access $flow variable.