TypeScript BsModalService.show方法代碼示例

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

在下文中一共展示了BsModalService.show方法的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

 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

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.show方法示例由純淨天空整理自Github/MSDocs等開源代碼及文檔管理平台，相關代碼片段篩選自各路編程大神貢獻的開源項目，源碼版權歸原作者所有，傳播和使用請參考對應項目的License；未經允許，請勿轉載。