Angularjs 如何将解析异步数据注入到angular中的ui引导模式?
如何将解析异步数据注入到angular中的ui引导模式? 以下代码是打开模式的控制器Angularjs 如何将解析异步数据注入到angular中的ui引导模式?,angularjs,angular-ui-bootstrap,Angularjs,Angular Ui Bootstrap,如何将解析异步数据注入到angular中的ui引导模式? 以下代码是打开模式的控制器 import insertOpportunityModal from './insertOpportunityModal.html'; export default class OpportunitiesCtrl { constructor($uibModal, OpportunitiesService, EngagementsService, PAGE_SIZE) { this.$uibMod
import insertOpportunityModal from './insertOpportunityModal.html';
export default class OpportunitiesCtrl {
constructor($uibModal, OpportunitiesService, EngagementsService, PAGE_SIZE) {
this.$uibModal = $uibModal;
this.OpportunitiesService = OpportunitiesService;
this.EngagementsService = EngagementsService;
}
openInsertModal() {
var modalInstance = this.$uibModal.open({
animation: false,
size: 'md', //['lg', 'md', 'sm']
template: insertOpportunityModal,
controller: 'InsertOpportunityModalCtrl',
controllerAs: 'vm',
resolve: {
opportunityTypes: function (EngagementsService) {
return EngagementsService.all();
}
}
});
modalInstance.rendered.then(() => {
});
modalInstance.result.then(() => {
console.log('modal closed');
}, (error) => {
console.log(error);
});
}
}
OpportunitiesCtrl.$inject = ['$uibModal', 'OpportunitiesService', 'EngagementsService', 'PAGE_SIZE'];
模态控制器中未定义opportunityTypes。
它适用于同步数据,但不适用于承诺。
你能怎样修理
export default class InsertOpportunityModalCtrl {
constructor($uibModalInstance, OpportunitiesService, opportunityTypes) {
this.$uibModalInstance = $uibModalInstance;
this.OpportunitiesService = OpportunitiesService;
this.opportunityTypes = opportunityTypes;
console.log('opportunityTypes', opportunityTypes);
}
save() {
}
cancel() {
this.$uibModalInstance.dismiss('cancel');
}
}
InsertOpportunityModalCtrl.$inject = ['$uibModalInstance', 'OpportunitiesService'];
您还必须在
InsertOpportunityModalCtrl
中插入opportunityTypes
InsertOpportunityModalCtrl.$inject =
['$uibModalInstance', 'OpportunitiesService', 'opportunityTypes'];