Wie eine modale in einem div zu öffnen, die bereits einen Controller (AngularJS)

Question

hat

<ion-list> 
    <ion-item> 
     <div id="result_1" class="result"> 
      <p class="title" ng-repeat="item in result | filter: query"> 
       <span class="ic"><b>{{item.name}}</b></span> 
       <a href="#" class="ic1">Click for details...</a> 
      </p> 
      <div class="clear"></div> 
     </div> 
    </ion-item> 
</ion-list> 

dies ein Teil meines ersten Ionic Projekt ist, ich bin in diesem Rahmen und AngularJS neu, so habe ich einen Controller, der für searchs Daten in einer JSON-Datei.

Ich brauche einen modal zu öffnen, wenn der Benutzer klickt auf

<a href="#" class="ic1">Click for details...</a>

aber wenn ich darüber gesucht, ich herausgefunden, dass ich einen anderen Controller für die Schaffung eines modalen benötigen.

Ich habe bereits einen Controller in meiner ganzen Seite, wie kann ich einen anderen Controller zu dieser bestimmten Linie hinzufügen? Oder kennen Sie eine andere Möglichkeit, ein Modal zu erstellen, ohne einen anderen Controller zu verwenden?

Answer 1

<ion-item> 
    <div id="result_1" class="result"> 
     <p class="title" ng-repeat="item in result | filter: query"> 
      <span class="ic"><b>{{item.name}}</b></span> 
      <br> 
      <br> 
      <span ng-click="popUp()" class="ic1">Click for details...</span> 
     </p> 
     <div class="clear"></div> 
    </div> 
</ion-item> 

Skript:

• mit $ ionicPopup

  $scope.popUp = function() { 
      var alertPopup = $ionicPopup.alert({ 
       title: 'More Details...', 
       template: 'decription', // templateUrl:'myModalContent.html' 
       buttons: [{ 
        text: '<b>OK</b>', 
        type: 'button-assertive' 
       }] 
      }); 
  }; 
  

Überprüfung dieser Verbindung für Details

• Ui mit Bootstrap

  $scope.popUp = function() { 
  
  var modalInstance = $uibModal.open({ 
      templateUrl: 'myModalContent.html' 
      resolve: { 
       data: function() { 
        return $scope.data; 
       } 
      } 
  }); 
  

  }

Es gibt viele Optionen, die Sie weitergeben können. Sie können auch einen Controller für Ihr Pop-up geben. Überprüfen Sie diesen Link für ui.bootstrap.modal