當前位置: 首頁>>代碼示例>>TypeScript>>正文


TypeScript modal.BsModalService類代碼示例

本文整理匯總了TypeScript中ngx-bootstrap/modal.BsModalService的典型用法代碼示例。如果您正苦於以下問題:TypeScript BsModalService類的具體用法?TypeScript BsModalService怎麽用?TypeScript BsModalService使用的例子?那麽, 這裏精選的類代碼示例或許可以為您提供幫助。


在下文中一共展示了BsModalService類的10個代碼示例,這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚,您的評價將有助於係統推薦出更棒的TypeScript代碼示例。

示例1: create

  create() {
    const initialState = {
      title: 'Criar Novo Quiz',
      quiz: new Quiz(null,null,null,null,null,null,null,null,null,null,null,null,null,null),
      mensage: 'Quiz criado com sucesso',
      modify: false,
      password: ""
    };
    this.bsModalRef = this.modalService.show(NewQuizComponent, {initialState});
    this.bsModalRef.content.closeBtnName = 'Fechar';

    // funcao que recebe valores do modal
    this.bsModalRef.content.onClose = (myData) => {
        this.updateList();
        this.bsModalRef.hide();
        this.myData = myData;
    };


  }
開發者ID:CompCult,項目名稱:mv-front,代碼行數:20,代碼來源:quiz.component.ts

示例2: openAboutModal

 openAboutModal() {
   this.modalRef = this.modalService.show(AboutComponent);
 }
開發者ID:yanghonggang,項目名稱:ceph,代碼行數:3,代碼來源:dashboard-help.component.ts

示例3:

 openModal2(template: TemplateRef<any>) {
   this.modalRef2 = this.modalService.show(template, { class: 'second' });
 }
開發者ID:OlegDubrovskyi,項目名稱:ngx-bootstrap,代碼行數:3,代碼來源:service-nested.ts

示例4: openModal

 openModal(template: TemplateRef<any>) {
   this.modalRef = this.modalService.show(template, { class: 'modal-sm' });
 }
開發者ID:OlegDubrovskyi,項目名稱:ngx-bootstrap,代碼行數:3,代碼來源:service-nested.ts

示例5: openModalWithClass

 openModalWithClass(template: TemplateRef<any>) {
   this.modalRef = this.modalService.show(
     template,
     Object.assign({}, { class: 'gray modal-lg' })
   );
 }
開發者ID:OlegDubrovskyi,項目名稱:ngx-bootstrap,代碼行數:6,代碼來源:custom-css-class.ts

示例6: openAbout

 public openAbout( template: TemplateRef< any > ): void {
   this.aboutRef = this.modalService.show( template );
 }
開發者ID:tejones,項目名稱:beetle-studio,代碼行數:3,代碼來源:vertical-nav.component.ts

示例7: create

  create() {

    this.bsModalRef = this.modalService.show(NewAppointmentsComponent);
    this.bsModalRef.content.closeBtnName = 'fechar';

    // funcao que recebe valores do modal
    this.bsModalRef.content.onClose = (myData) => {
      this.refresh();
      this.bsModalRef.hide();
      this.myData = myData;
    };
  }
開發者ID:CompCult,項目名稱:mv-front,代碼行數:12,代碼來源:appointments.component.ts

示例8:

option(missionAnswer: MissionAnswer) {
  const initialState = {
    title: 'Opções de Missões',
    missionAnswer: missionAnswer,
    mensage: 'Missões criadas com sucesso',
    modify: true,
    password: ""
  };
  this.bsModalRef = this.modalService.show(EvaluationMissionComponent, {initialState});
  this.bsModalRef.content.closeBtnName = 'Fechar';

  // funcao que recebe valores do modal
  this.bsModalRef.content.onClose = (myData) => {
      this.updateList();
      this.bsModalRef.hide();
      this.myData = myData;
  };
}
開發者ID:CompCult,項目名稱:mv-front,代碼行數:18,代碼來源:mission-answer.component.ts

示例9: option

  option(quiz: Quiz) {
    const initialState = {
      title: 'Opçoes de Usuario',
      quiz: quiz,
      mensage: 'Usuario criado com sucesso',
      modify: true,
      password: ""
    };
    this.bsModalRef = this.modalService.show(NewQuizComponent, {initialState});
    this.bsModalRef.content.closeBtnName = 'Fechar';

    // funcao que recebe valores do modal
    this.bsModalRef.content.onClose = (myData) => {
        this.updateList();
        this.bsModalRef.hide();
        this.myData = myData;
    };
  }
開發者ID:CompCult,項目名稱:mv-front,代碼行數:18,代碼來源:quiz.component.ts

示例10: openModal

 openModal(template: TemplateRef<any>) {
   this.modalRef = this.modalService.show(template);
 }
開發者ID:OlegDubrovskyi,項目名稱:ngx-bootstrap,代碼行數:3,代碼來源:scrolling-long-content.ts


注:本文中的ngx-bootstrap/modal.BsModalService類示例由純淨天空整理自Github/MSDocs等開源代碼及文檔管理平台,相關代碼片段篩選自各路編程大神貢獻的開源項目,源碼版權歸原作者所有,傳播和使用請參考對應項目的License;未經允許,請勿轉載。