javascript - ng 流未定义

Question

大家好，我正在我的 Visual Studio Web 项目中使用 ng flow。我从 github 复制了所有 ng flow javascript 文件。

我已经使用 ng-init 指令初始化了 ng flow，但是每当我从文件控件中选择文件时，我都会将 $flow 视为未定义，因此我无法访问 $scope("flow:fileAdded") 事件，并且我的文件是始终为空。

下面给出了我的代码，说明了我如何使用它。

<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，然后在我的 Controller 中我有

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

有任何帮助吗？

Answer 1

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

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

HTML:

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

Controller :

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