Question

嗨我有一个问题，我从Angular Material显示mdDialog并使用我的指令控制器作为对话框的控制器，所以我可以调用一个特定的函数，而不必传回东西，并添加额外的步骤代码。成功调用该函数，但在函数成功结束时不更新UI。想知道是否有人可以看到我的错误。

现在假设第一个if语句为真。

对话呼叫

this.showImageUploadModal = function() {
  $mdDialog.show({
      clickOutsideToClose: true,
      scope: $scope,        // use parent scope in template
      preserveScope: true,  // do not forget this if use parent scope
      templateUrl: 'app/directives/modals/upload-files-modal.html',
      controller: MessagingController,
      controllerAs: 'controller'
      });
};

正在调用函数但未更新UI

this.addAttachment = function() {
  console.log("sending attachment");
  var ref = this;
  var note = this.user.first_name + " has attached a file.";

  if($state.current.name === 'inbox') {
    MessagingService.createMessage(this.convo.id, note, this.userUploadedNoteFiles).then(
      function success(response) {
        console.log("Inbox attachment sent", response);
        ref.convo.messages.push(response.data);
        console.log(ref.convo.messages);
        // ref.viewableNoteFiles = [];
      },
      function failure(response) {
        $mdToast.show(
          $mdToast.simple().
          textContent("Failed to send the message please try again.").
          theme('error-toast'));
      }
    );
  } else if (this.notes === 'true') {
    TicketingService.addNote($stateParams.id, note, this.userUploadedNoteFiles).then(
      function success(response) {
        console.log("Notes attachment sent", response);
        ref.convo.messages.push(response.data);
        // ref.viewableNoteFiles = [];
      },
      function failure(response) {
        $mdToast.show(
          $mdToast.simple().
          textContent("Failed to send the message please try again.").
          theme('error-toast'));
      }
    );
  } else if(this.contractor === 'true') {
    TicketingService.createMessage($stateParams.id, this.convo.id, note, this.userUploadedNoteFiles).then(
    function success (response) {
        console.log("Contractor attachment sent", response);
        ref.convo.messages.push(response.data);
    },
    function failure () {
      $mdToast.show(
        $mdToast.simple().
        textContent("Failed to upload the file attachments").
        theme('error-toast'));
    }
  );
  }

};

Answer 1

最后我发现我可以使用Angulars $ rootScope实现我想要的东西。$ broadcast。将返回数据广播回需要它的控制器。

我不确定这是正确的方法，但它有效。

当mdDialog调用父控制器函数时，UI不会更新

1 个答案: