anglejsを使用してポップアップで別のHTMLページにリダイレクト

Question

私はangularjsを使用しています。私はポップアップ/モーダルで別のHTMLページを開く必要があります。実際には、モーダル/ポップアップとして異なる複数のビューページから開いているスクリプト（角度コントローラ）を持つ共通のHTMLページが必要であり、モーダルでCRUDを行うこともできます。

<div><button data-ng-click="openModal()">Click</button></div> 

コントローラ

$scope.openModal = function(){ // Do something to open another html view page in a modal } 

にも、私はいくつかの情報を必要とするパラメータとしてUIをモーダルするために、現在のUIから送信します。

Answer 1

これを試してください。

$scope.openModal = function(){ 
    $scope.inserted = { 
        //data which you want to display on modal 
       }; 

    var modalInstance = $uibModal.open({ 
      animation: true, 
      templateUrl: path to your html, 
      scope: $scope, 
      size: "Modelwidth", 
      controller: //controller name, 
      resolve: { 
       items: function() { 
        $scope.inserted 
       } 
      } 
     }); 
    } 

Answer 2

var app = angular.module('someapp'); 
$scope.openModal = function(){ 
    var modalInstance = $uibModal.open({ 
     templateUrl: 'xyz.html', 
     controller: 'someconroller', 
     resolve: { 
      argumentToSend: function() { 
       return 'sample-text'; 
      } 
     } 
    }); 

    modalInstance.result.then(function (returnedItem) { 
     console.log(returnedItem); 
    }, function() { 
    }) 
}; 

app.controller('someconroller', ['$scope', '$uibModalInstance', 'argumentToSend', function ($scope, $uibModalInstance, argumentToSend) { 
    console.log(argumentToSend); 
    //You can call your services,apis for crud operations here 
    $scope.exit = function() { 
     $uibModalInstance.close(returnedItem); 
    }; 
}]);