Angularjs 角基础模态分解

我开发了错误、警告、确认和角度基础模式的通用警报模式。我的问题是，我不能将变量传递给modals。 模态内容：

 <h3 class="caps">{{ alertmessage }}</h3>
   <p>{{ alertdetail }}</p>

我找不到解决办法。

---

感谢您的帮助

首先，您的工厂需要定义类似接口的东西，以便能够与控制器共享其数据：

appCommonServiceModule.factory('AlertModalService' , function($modal, $rootScope) { 
   // [...] your code

   service = {
      getModalData: getModalData
   };
   return service;

   function getModalData() {
      var modalData = {};
      modalData.message = message;
      modalData.detail = detail;
      return modalData;
   }

   // [...] your code
});

其次，您需要控制器在HTML中显示数据。您已经在代码中定义了一个（

控制器：“AlertBaseController”

），因此可以使用它：

appCommonServiceModule.controller('AlertBaseController',  function(AlertModalService, $scope) {
   var modalData = AlertModalService.getModalData();
   $scope.alertmessage = modalData.message;
   $scope.alertdetail = modalData.detail;
});

现在，您可以在HTML中使用它：

<div ng-app="appCommonServiceModule">
   <div ng-controller="AlertBaseController">
      <h3 class="caps">{{alertmessage}}</h3>
      <p>{{alertdetail}}</p>
   </div>
</div>

{{alertmessage}}
{{alertdetail}}

我没有测试它，因为我没有完整的代码，但类似的东西应该可以工作

<div ng-app="appCommonServiceModule">
   <div ng-controller="AlertBaseController">
      <h3 class="caps">{{alertmessage}}</h3>
      <p>{{alertdetail}}</p>
   </div>
</div>