2017-08-28 17 views
1

モーダルをモーダル内部で開くにはどうすればよいですか? Iveはこのplnkrをフォローしましたが、2番目のモーダルの確認ボタンをクリックするとエラーが発生しました。これはエラーです:モーダル内の角型ブートストラップモーダル

Error: [$injector:unpr]

これが私の最初のモーダル

$scope.edit = function(data) { 
     var modalInstance = $uibModal.open({ 
      templateUrl: "/wp-content/themes/copywriter-theme/angular-modal-template/management_modal.html", 
      controller: 'managementModal', 
      resolve: { 
       items: function() { 
        return data; 
       } 
      } 
     }); 
} 

この第二のモーダルが内側である間、私の第二のモーダル

angular.module(['ui.bootstrap']).controller('managementModal',['$scope','$http','$uibModalInstance','$uibModal','items',function($scope, $http, $uibModalInstance, $uibModal, items){ 
    $scope.names = items; 
    $scope.editable = items; 

    $scope.cancel = function(){ 
     $uibModalInstance.dismiss('cancel'); 
     location.reload(); 
    }; 

    $scope.confirm = function(){ 
     console.log("clicked"); 
     $uibModalInstance.close($scope.editable); 
    } 

    $scope.update = function(){ 
     var template_modal = "<div class='modal-body'>" + 
           "<button type='button' class='close' ng-click='confirm()'>update</button>" + 
           "<button type='button' class='close' ng-click='cancel()'>cancel</button>" + 
          "</div>"; 
     var modalInstance = $uibModal.open({ 
      template: template_modal, 
      controller: 'managementModal' 
     }); 
    }; 
}]); 

だから最初のモーダルが別のコントローラになっていますコントローラのmanagementModal。しかし、ボタンとその作業をクリックするのは大丈夫ですか?私の2番目のモーダルのボタンが動作しない理由は分かりません。

+0

であるか、またはあなたはそれがPlunkerに動作するかどうか、それは –

+0

さらに、縮小化後にテスト - 私たちはあなたを助けることはできません。あなたのプロジェクトで問題を探す –

+0

@ MaximShoustinは自分の開発でうまくいきません –

答えて

0

私はitemsを再度宣言する必要がありますそれはあなたの開発ENV上で動作していたコード

$scope.update = function(){ 
     var template_modal = "<div class='modal-body'>" + 
           "<button type='button' class='close' ng-click='confirm()'>update</button>" + 
           "<button type='button' class='close' ng-click='cancel()'>cancel</button>" + 
          "</div>"; 
     var modalInstance = $uibModal.open({ 
      template: template_modal, 
      controller: 'managementModal', 
      //added code 
      resolve: { 
       items: function() { 
        return items; 
       } 
      } 
     }); 
    }; 
関連する問題