AngularJS如何打開模式彈出框

Question

嗨我是AngularJS的全新品牌，我無法弄清楚如何打開模式對話框。這讓我瘋狂！任何人都可以告訴我我做錯了什麼？我的控制器代碼如下：

更新的代碼：

buttonh：

<button class="btn default-btn advancedbtn" ng-click="vm.openModal()">Advanced</button> 

angular.module('crm.ma').controller('ModalDemoCtrl', function ($scope, $modal, $log) { 

    $scope.items = ['item1', 'item2', 'item3']; 

    $scope.animationsEnabled = true; 

    $scope.openModal = function (size) { 

     var modalInstance = $modal.open({ 
      animation: $scope.animationsEnabled, 
      templateUrl: 'topnav_advancedmodal.html', 
      controller: 'ModalInstanceCtrl', 
      size: size, 
      resolve: { 
       items: function() { 
        return $scope.items; 
       } 
      } 
     }); 

     modalInstance.result.then(function (selectedItem) { 
      $scope.selected = selectedItem; 
     }, function() { 
      $log.info('Modal dismissed at: ' + new Date()); 
     }); 
    }; 



}); 

plunker鏈接：http://plnkr.co/edit/MeUnAqQf1FLHMhVJ8cGI?p=catalogue

Answer 1

退房ngDialog在https://likeastore.github.io/ngDialog/

對話框中的Web應用程序是有點不一樣比在桌面應用程序和邊緣案例很多。 ngDialog在一個很好的包中解決了許多這些問題。

Answer 2

angular.module('ui.bootstrap.demo').controller('ModalDemoCtrl', function ($scope, $modal, $log) { 

    $scope.items = ['item1', 'item2', 'item3']; 

    $scope.animationsEnabled = true; 

    $scope.open = function (size) { 

    var modalInstance = $modal.open({ 
     animation: $scope.animationsEnabled, 
     templateUrl: 'myModalContent.html', 
     controller: 'ModalInstanceCtrl', 
     size: size, 
     resolve: { 
     items: function() { 
      return $scope.items; 
     } 
     } 
    }); 

    modalInstance.result.then(function (selectedItem) { 
     $scope.selected = selectedItem; 
    }, function() { 
     $log.info('Modal dismissed at: ' + new Date()); 
    }); 
    }; 



});