ng flow未定义

时间:2014-08-23 14:59:36

标签: javascript angularjs angularjs-directive flow-js

嗨大家我在visual studio web项目中使用ng flow。我从github复制了所有ng flow javascript文件。

我已经使用ng-init指令初始化了ng流程,但每当我从我的文件控件中选择文件时,我将$ flow作为未定义,因此我无法访问$ scope(" flow:fileAdded") event和我的文件总是为空。

我的代码在下面给出了我如何使用它。

<div class="row">
                <div data-flow-init="" data-flow-file-added="!!{png:1,gif:1,jpg:1,jpeg:1}[$file.getExtension()]">
                    <!--<div data-ng-init="setFlow($flow)"></div>-->
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label for="ll">ll Compay</label>
                            <!--<span class="btn btn-default" data-flow-btn="">Upload File
                                <input type="file" multiple="multiple" style="visibility: hidden; position: absolute;">
                            </span>-->
                           <span class="btn" flow-btn o>Upload File</span>
                        </div>
                    </div>
              </div>

上面提到的是我的html然后在我的控制器中我有

 $scope.AddB = function (fileData) {
          $scope.BFactory.Adll(fileData, $flow.files);
            }

感谢任何帮助?

1 个答案:

答案 0 :(得分:1)

如果要访问父作用域中的$ flow对象($ scope是ng-flow指令的父作用域),则必须使用flow-name属性,如文档:docs

确保定义一个对象来保存$ flow实例,并且可以在容器加载后使用它

HTML:

<div ng-init="divLoaded()" flow-init flow-name="obj.flow" ... > ... </div>

控制器:

$scope.obj = {};
$scope.divLoaded = function() {
    // from now on, $scope.obj.flow will be defined
    console.log($scope.obj.flow);
}