ng 流未定义

Question

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

我已经使用 ng-init 指令初始化了 ng 流，但是每当我从文件控件中选择文件时，我都会将 $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然后在我的控制器中我有

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

有什么帮助吗？

Answer 1

如果您想访问父范围内的 $flow 对象（您的 $scope 是 ng-flow 指令的父范围），您必须使用 flow-name 属性，如文档中所述：@987654321 @

只要确定你定义了一个对象来保存 $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);
}