Angularjs ng-flow.js，如何在HTML或controller中显示响应的JSON数据

我使用的是ng flow，脚本名为ng-flow-standalone.js，如下所示：

我的概念是，当用户添加一个新项目时，只显示上载字段，一旦上传照片，其他表单字段将显示，例如标题、说明

在代码中，应用程序将创建产品id、图像id，然后保存文件。 保存过程完成后，它将返回json格式的产品id、图像id等。 HTML，定义产品标识后将显示隐藏的表单字段

我在控制台日志中看到服务器响应JSON，但不知道如何在HTML或angular controller中显示它。我在文档和演示中看不到这个操作。有人能帮我吗

谢谢

示例代码：

..
<script src="/assets/js/ng-flow-standalone.js"></script>
..
<div class="row">
  <div class="col-md-4" flow-init="{target:'upload_image.json'}" flow-file-added="!!{png:1,gif:1,jpg:1,jpeg:1}[$file.getExtension()]">
    <div class="panel panel-default">
      <div class="panel-heading">
        <h3 class="panel-title">Photos</h3>
      </div>
      <div class="panel-body">
        <div class="row">
          <div ng-repeat="file in $flow.files">
            <div class="col-md-3">
              <div class="thumbnail">
                <img flow-img="file" />
              </div>
            </div>
          </div>
        </div>
        <div>
          <span class="btn btn-primary" flow-btn flow-files-submitted="$flow.upload()">Upload</span>
        </div>
      </div>
    </div>
  </div>
  <div class="col-md-8" ng-show="{{ xxx.product_id }}">
    <form class="panel panel-default form-horizontal">
      <div class="panel-heading">
        <h3 class="panel-title">Infomation</h3>
      </div>
      <div class="panel-body">
        <div class="form-group">
          <label class="col-sm-2 control-label">Title</label>
          <div class="col-sm-6">
            <input name="name" type="text" class="form-control" required>
          </div>
          <div class="col-sm-4"></div>
        </div>
        <div class="form-group">
          <label class="col-sm-2 control-label">Description</label>
          <div class="col-sm-6">
            <textarea class="form-control" rows="3" required></textarea>
          </div>
          <div class="col-sm-4">Write useful info e.g. appearance, purpose and recommendations</div>
        </div>
      </div>
      <div class="panel-footer">
        <input type="hidden" name="product" value="{{ xxx.product_id }}">
        <button type="submit" class="btn btn-primary">Save changes</button>
      </div>
    </form>
  </div>
</div>

---

您不能直接访问成功消息，但可以通过回调访问它

flow-file-success=" ... properties '$file', '$message' can be accessed ... "

在HTML中：

<div flow-file-success="success($message)">...

。。。

---

success

-应该是控制器中定义的方法。将此消息分配给作用域，或以任何其他方式使用它

这在ng流程文档中记录得非常糟糕。我需要在控制器中的某个地方访问响应，在那里我还可以访问$scope。 文档中提到在控制器中捕获事件：

“…[第二个]参数始终是流实例，然后跟随事件特定的参数。”

所以我在角度控制器中使用了这个：

$scope.$on('flow::fileSuccess', function (event, $flow, $file, $message) {  
 // $message is the json response from the post
})

---

这似乎有用。

欢迎使用StAdvExcel，考虑添加一段代码，以便其他开发人员能够更准确地引导你。我使用这个答案，它用于回调，但这是正常的吗？$消息包含我的HTML页面而不是服务器响应吗？

$scope.$on('flow::fileSuccess', function (event, $flow, $file, $message) {  
 // $message is the json response from the post
})