将变量传递给uib控制器

Question

我有这个函数需要一个变量，我想在我的控制器中使用它。

我的代码看起来像这样

ctrl.openModal= myItem => { 
    let modal = $uibModal.open({ 
     templateUrl: 'path/to/my/template.html', 
     controller: 'modalController' 
    }); 
}; 

问题是，我不知道如何在控制器

module.controller('modalController', function ($scope) { 

    console.log(myItem); 

}); 

尝试登录它说，这是不确定的访问myItem。

Answer 1

使用resolve。像：

resolve: { 
    myItem : function() { 
     return myItem; 
    } 
} 

然后在控制器：

module.controller('modalController', function ($scope, myItem) { 
    console.log(myItem); 
    $scope.myItem =myItem;// assign to scope variable to acces in your modal template 
}); 

//例的模态的模板：

<script type="text/ng-template" id="template.html"> 
     <div class="modal-header"> 
      <h3 class="modal-title">modal template</h3> 
     </div> 
     <div class="modal-body">  
      {{ myItem }} 
     </div> 
</script> 

Answer 2

传递您的数据使用范围模式：

// Create the modal scope 
var modalScope = $rootScope.$new(); 
modalScope.item = {'foo': 'bar'}; 

var modal = $uibModal.open({ 
    templateUrl: '/partials/modal.html', 
    controller: modalController 
    scope: modalScope 
}); 

/** 
* 
* @param $scope The modal instance scope 
* @param $uibModalInstance the modal instance (injected) 
*/ 
function modalController($scope, $uibModalInstance) { 
    console.log($scope.item); 
} 

Answer 3

你可以简单地resolve您的PARAM。就像这样：

ctrl.openModal= myItem => { 
    let modal = $uibModal.open({ 
     templateUrl: 'path/to/my/template.html', 
     controller: 'modalController' 
     resolve: { 
      myItem:() => myItem 
     } 
    }); 
}; 

现在，你可以注入myItem控制器内：

module.controller('modalController', function ($scope, myItem) { 

    console.log(myItem); 

});