Question

我正在使用以下代码来定义单个模态的路径。我从ui-bootstarp获取此代码，我还需要删除不需要的行并动态调整模态大小

<div ng-controller="ModalCtrl" class="">
   <button class="btn btn-default" ng-click="open()">Open me!</button>

这是html代码，以下是脚本

var ModalCtrl = function ($scope, $modal, $log) {
$scope.items = ['item1', 'item2', 'item3'];
$scope.open = function () {
var modalInstance = $modal.open({
  templateUrl: 'views/modals/modal_startup_add.html',
  controller: ModalInstanceCtrl,
  resolve: {
    items: function () {
      return $scope.items;
    }
  }
});

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


var ModalInstanceCtrl = function ($scope, $modalInstance, items) {

  $scope.items = items;
  $scope.selected = {
    item: $scope.items[0]
  };



$scope.ok = function () {
    $modalInstance.close($scope.selected.item);
  };

  $scope.cancel = function () {
    $modalInstance.dismiss('cancel');
  };
};

我需要从脚本中删除不需要的行

Answer 1

为什么你认为有不必要的代码行。实际上这里没有不需要的代码。
请参见http://plnkr.co/edit/SuCUTKGy93MPXXsupxJJ?p=preview

处的plnkr

模态的URL已传递给open函数。

调整模式的大小

参考：http://plnkr.co/edit/QnekINr3L82LKr2R7POB?p=info

通过动态传递路径来显示模态

1 个答案: