1

我在网站上使用 Inspinia 管理主题。我在其中一个使用 dropzone js 的 ui 引导角度选项卡上。我使用了一个自定义指令,并在我希望成功更新当前选项卡的控制器上。即使角度变量更新正确,我也需要单击选项卡上的某个位置以显示新值。

html

 <tabset>
    <tab heading="Tab 1" ng-attr-active="vm.tabs[0].active">
       <div class="panel-body col-sm-12">
           <div ng-if="!vm.isResultsLoaded">
               <form class="dropzone" drop-zone="dropzoneConfig" id="dropzone">
                  <button id="submitFile" ng-click="vm.update()" type="submit" class="btn btn-primary pull-right">Submit this form!</button>
               </form>
            </div>
            <div class="table-responsive" ng-if="vm.isResultsLoaded">
                  <button class="btn btn-primary" ng-click="vm.switchToUpload()" type="submit">Ladda mer filer</button>
            <table class="table">
                        ...
            </table>
          </div>
       </div>
     </tab>
 </tabset>

指示

function dropZone() {
   return function (scope, element, attrs) {
      var config = scope[attrs.dropZone];

      // create a Dropzone for the element with the given options
      var dropzone = new Dropzone(element[0], config.options);

      // bind the given event handlers
      angular.forEach(config.eventHandlers, function (handler, event) {
         dropzone.on(event, handler);
      });
   };
}

控制器

 function tabListController(uploadService, $state, $scope) {
  ...

  $scope.dropzoneConfig = {
     "options": {
        "url": "/api/system/fileupload",
        "method": "post",
        "autoProcessQueue": false
     },
     "eventHandlers": {
        "addedfile": function (file, xhr, formData) {
           var myDropzone = this;
           $('#submitFile').click(function () {
               myDropzone.processQueue();
           });
        },
        "success": function (file, data) {
           vm.results = data;
           vm.isResultsLoaded = true;
        }
     }
  };
}

有什么想法我应该做些什么来解决它?

4

1 回答 1

1

我无法确切说明为什么在某些级别的回调中会发生这种情况以及什么不是(仍然是新的和学习的),但基本上如果角度对象在摘要周期之外更新,它们不会在前面得到尊重结尾。

好消息是你可以强迫它。

将成功更改为:

$scope.$apply(function () {
    vm.results = data;
    vm.isResultsLoaded = true;
});

在我的例子中,我实际上传入了一个名为 updateModels(response) 的函数,但我认为仅在内部声明该函数也可以。

于 2015-11-16T12:40:10.010 回答