image upload sample

Hello!

Following your example https://github.com/flowjs/ng-flow/blob/master/samples/image/index.html, I included <script type="text/javascript" src="/dist/ng-flow-standalone.js"></script> on my page.

I’m requiring flow and flowFactoryProvider just like the example shows:

angular.module('account.index', ['ngRoute', 'security.authorization', 'flow']);
angular.module('account.index').config(['$routeProvider', 'securityAuthorizationProvider', 'flowFactoryProvider', function($routeProvider, securityAuthorizationProvider, flowFactoryProvider){
  flowFactoryProvider.defaults = {
    target: 'upload/',
    permanentErrors: [404, 500, 501],
    maxChunkRetries: 1,
    chunkRetryInterval: 5000,
    simultaneousUploads: 4,
    singleFile: true
  };
  flowFactoryProvider.on('catchAll', function (event) {
    console.log('catchAll', arguments);
  });
  $routeProvider
    .when('/account', {
      templateUrl: 'account/account.tpl.html',
      controller: 'AccountCtrl',
      title: 'Account Area',
      resolve: {
        authenticatedUser: securityAuthorizationProvider.requireAuthenticatedUser
      }
    });
}]);

However I’m running into the following error, every time I reload my page:

Error: [$compile:ctreq] Controller 'flowInit', required by directive 'flowImg', can't be found!
http://errors.angularjs.org/1.3.15/$compile/ctreq?p0=flowInit&p1=flowImg
    at REGEX_STRING_REGEXP (http://localhost:3000/vendor/angular.js:63:12)
    at getControllers (http://localhost:3000/vendor/angular.js:7583:19)
    at nodeLinkFn (http://localhost:3000/vendor/angular.js:7772:33)
    at compositeLinkFn (http://localhost:3000/vendor/angular.js:7117:13)
    at nodeLinkFn (http://localhost:3000/vendor/angular.js:7763:24)
    at compositeLinkFn (http://localhost:3000/vendor/angular.js:7117:13)
    at compositeLinkFn (http://localhost:3000/vendor/angular.js:7120:13)
    at compositeLinkFn (http://localhost:3000/vendor/angular.js:7120:13)
    at compositeLinkFn (http://localhost:3000/vendor/angular.js:7120:13)
    at publicLinkFn (http://localhost:3000/vendor/angular.js:6996:30) <div ng-view="" class="container ng-scope">

Any idea what is missing?

[SamarRizvi]

@hellsan631 No, that is not the case. It is already added. The strange thing is, when I add flow-init in the root div of the modal view, it works. Can you explain why such strange behavior?

[hellsan631]

It sounds like an issue with the scope of the flow-init, and that it doesn’t initialize it in the right order.