passing upload URL for flow-init's target from controller in angularjs + flow.js dynamically

Question

I want to pass dynamic url to flow-init's target property. the URL was generated at runtime.

If I assign a scope object which contains the properties for flow-ini. Then it return parse error.

aDEV · Accepted Answer · 2015-06-26 13:49:01Z

1

I had the same issue:

flow-init="{target: baseUrl + 'some_url_location/another_url_location/{{entityID}}/'}"

and changed to

flow-init="{target: baseUrl + 'some_url_location/another_url_location/' + entityID + '/'}"

where entityID is $scope.entityID in my js controller. This $scope.entityID is taken from the current URL.

answered Jun 26, 2015 at 13:49

aDEV

192 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Furkan Tanyol · Accepted Answer · 2016-12-08 11:34:43Z

1

In your controller create a function to the scope taking the $flow variable and setting it's target to your dynamic url, also use the $flow.upload function here:

$scope.submitFlow =  function($flow) {
    $flow.opts.target = '/user/'+ $scope.user.id +'/submit-file';
    $flow.upload();
  };

Then in your html, in the flow-init div, set the flow-files-submitted to our function:

<div flow-init
         flow-files-submitted="submitFlow($flow)"
         flow-file-success="$file.msg = $message">

answered Dec 8, 2016 at 11:34

Furkan Tanyol

311 bronze badge

Collectives™ on Stack Overflow

passing upload URL for flow-init's target from controller in angularjs + flow.js dynamically

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related