在ng1中,直接在我的页面上没有任何指令就可以调用在其他地方定义的模态。
我已经创建了自己的模态服务,我在其中定义了许多模态,并且能够从我注入服务的每个视图中打开它们。
我的一个服务功能打开模态的示例
public editTodoItem(id: Number): ng.IPromise<My.ITodoCreateViewModel> {
var options: ng.ui.bootstrap.IModalSettings = {
templateUrl: 'Todo/TodoEditModal',
bindToController : true,
controller: "todoEditModalCtrl",
controllerAs : 'ctrl',
size: 'lg',
backdrop: "static",
resolve: {
todoId: () => id
}
};
return this.$uibModal.open(options).result
.then((updatedItem: My.ITodoCreateViewModel) => {
return updatedItem;
});
}
https://angular-ui.github.io/bootstrap/#/modal
当我关闭模态时它会返回一个promise,我可以将一些数据发送到调用函数。
这也可以使用Kendo Ui的Modal吗?
ui Bootstrap for Ng2的新实现似乎已经实现了这个功能