小编Mar*_*nek的帖子

未知提供者:$ uibModalInstanceProvider - Bootstrap UI模式

我有一个UI Bootstrap模式的问题.

在一个控制器中我有这个:

app.controller("tableCtrl",['$scope','$http','$uibModal','$log' ,function ($scope, $http,$uibModal,$log) {
  $scope.open = function (size,selectedUser) {
  var modalInstance = $uibModal.open({
    animation: $scope.animationsEnabled,
    templateUrl: 'myModalContent.html',
    controller:'ModalInstanceCtrl',
    size: size,
    resolve: {
      user: function () {
        return selectedUser;
      }
    }
  });
}]);
Run Code Online (Sandbox Code Playgroud)

在另一个我有这个:

app.controller('ModalInstanceCtrl',['$scope','$uibModalInstance','user', function ($scope, $uibModalInstance, user) {
  $scope.user = user;
  $scope.ok = function () {
    $uibModalInstance.close();
  };
}]);
Run Code Online (Sandbox Code Playgroud)

myModalContent 看起来像这样:

<script type="text/ng-template" id="myModalContent.html">
    <div class="modal-header"><h1>EDIT</h1></div>
    <div class="modal-body"> 
        {{patient.patient_id}}
    </div>
    <div class="modal-footer">
        <button class="btn btn-primary" type="button" ng-click="ok()">OK</button>
    </div>
</script>
Run Code Online (Sandbox Code Playgroud)

我只调用tableCtrlHTML并调用open函数如下:

<button …
Run Code Online (Sandbox Code Playgroud)

javascript angularjs angular-ui-bootstrap

15
推荐指数
3
解决办法
3万
查看次数