0

大家好,我在我的 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);
            }

任何帮助表示赞赏?

4

1 回答 1

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);
}
于 2014-09-05T15:10:11.567 回答