2. 程式人生 > >angular2下的三種彈框（toaster sweetAlert modal) 及 特性模塊間的依賴關系

angular2下的三種彈框（toaster sweetAlert modal) 及 特性模塊間的依賴關系

阿新 • • 發佈：2017-10-29
idt pri show type tab eba 變量 center 目的

三種彈框：

說明：下表僅作技術選擇的參考，紅色部分是容易出錯的，或者難點。

toaster sweetAlert modal
package.json依賴 "angular2-toaster": "4.0.1" "sweetalert2": "6.6.8"

"ngx-bootstrap": "1.9.3"
Ts引入方式 import {ToasterService} from ‘angular2-toaster‘; import swal from ‘sweetalert2‘;

import {BsModalRef, BsModalService} from "ngx-bootstrap";
註入成員變量 private toasterService: ToasterService; 無

private modalService: BsModalService
使用範例 this.toasterService.pop({type: "success", body: "操作成功！"});

swal({
　　text: ‘確定要刪除？‘,　　type: ‘warning‘,　

　　showCancelButton: true,

　　confirmButtonText: ‘確定‘,
　　cancelButtonText: ‘取消‘
}).then(() => {
　　...//確認操作
}, () => {

　　...//取消操作
});

let bsModalRef:BsModalRef=this.modalService.show(
MyComponent,{
ignoreBackdropClick: true,
‘class‘:‘big-modal‘
});

let view:MyComponent=bsModalRef.content;
//取到的view是當前以modal形式打開的Component實例！

接下來可以通過view操作其暴露的方法和變量了！

多重依賴的管理

前端一直沒有一個像maven這樣優秀的依賴管理工具，但npm升級到3後，一切都變了。

如果A模塊依賴了C，B模塊也依賴了C，升級前後的變化如下：

技術分享

變化的優勢很明顯，npm一直被詬病的node-moduls變輕了很多。


原來的問題是源於nodejs項目的一個機制：將src目錄作為項目的根目錄，而將node-modules目錄添加到項目的環境變量（代碼中直接訪問依賴的特性模塊）。問題來了，每一個特性模塊都是一個獨立的node項目，都有自己獨立的依賴和環境變量，相互之間是互不幹擾的，所以必然要在自己的node-modules中添加自己的所有依賴包，這就是依賴爆炸式增長的原因。


現在看一下項目的node-modules結構，特性模塊中的node-modules不見了，項目只有一個node-modules就是根項目！

（未完 待續）





angular2下的三種彈框（toaster sweetAlert modal) 及 特性模塊間的依賴關系

相關推薦

angular2下的三種彈框（toaster sweetAlert modal) 及 特性模塊間的依賴關系

idt pri show type tab eba 變量 center 目的 三種彈框： 說明：下表僅作技術選擇的參考，紅色部分是容易出錯的，或者難點。 toaster sweetAlert modal package.json依賴 "angular2-toa

JS瀏覽器的三種彈框：

意見 基礎上 pro 基礎 模態 string 空字符 lin als 1.alert:使用alert彈框提示信息，最後都會被轉化為字符串輸出（因為調用了toString這個方法）。比如alert（1+1）彈出的結果應該是字符串形式的“2”。 2.Confirm:在aler

ios中的三種彈框

目前為止，已經知道3種IOS彈框： 1、系統彈框-底部彈框 UIActionSheet  （1）用法：處理使用者非常危險的操作,比如登出系統等 （2）舉例： UIActionSheet *sheet = [[UIActionSheet alloc] initWit

Android 常見三種彈框 在專案中的運用

一丶概述 彈框在Android專案中經常出現，常見的實現方法有三種：Dialog 彈框，Window彈框，Activity偽彈框。本文就說一說三種彈框的實現及在專案中的運用。 二丶演示圖         圖一為常見的三種彈框（文末上鍊接），圖二為專案中用到的Activi

記Spring搭建功能完整的個人博客「Oyster」全過程[其二] Idea中Maven+SpringBoot多模塊項目開發的設計和各種坑（模塊間依賴和打包問題）

也不能 -c restfu 訪問 存在 後臺 api 新增 idea 大家好嘞，今天閑著沒事幹開寫寫博客，記錄一下Maven+SpringBoot的多模塊設計和遇到的坑。 多模塊設計 簡單說明一下截止目前的需求： 需要RESTful API：對文章、標簽、分類和評論等的C

JS三種彈出框（alert、confirm、prompt）

<script> alert('hello');//彈框① 沒有返回值，返回undefined confirm("彈框②");//返回值為布林型別：true、false prompt("這是彈框③嗎？","是的");//帶輸入框的彈窗 </script>

javascript 三種彈出對話框

ont 出現 進入 span 執行 confirm 輸入 str strong 第一種：alert()方法 第二種：confirm()方法 返回一個布爾值，根據返回的值可以執行相應操作。 第三種： prompt()方法 返回輸入的消息，或者其默認值提示框經常用於提示用戶在進

javascript彈出瀏覽器的三種提示框：提示資訊框、確認框、輸入文字框

瀏覽器的三種提示框： alert()提示資訊框 confirm()提示確認框 prompt()提示輸入文字框 1、alert()提示資訊框 效果: 實現程式碼：

VMware下網路配置三種模式對比（橋接模式，主機模式，網路地址轉換）

1 VMware三種網路模式簡介     VMWare提供了三種工作模式，它們是bridged(橋接模式)、NAT(網路地址轉換模式)和host-only(主機模式)。安裝好虛擬機器以後，在網路連線裡面可以看到多了兩塊網絡卡。如下圖。 2 bridged(橋接模式) 2.

Js中三種彈出式訊息提醒的命令是什麼？（警告，確認，資訊輸入）

1、警告框alert，在js中直接運用alert("警告");2、確認框confirm。confirm() 方法用於顯示一個帶有指定訊息和 OK 及取消按鈕的對話方塊，根據使用者點選確認框上的按鈕返回t

JavaScript中三種彈出式訊息提醒的命令是什麼？（如：警告，確認，資訊輸入）

1、警告框alert，在js中直接運用alert("警告"); 2、確認框confirm。 confirm() 方法用於顯示一個帶有指定訊息和 OK 及取消按鈕的對話方塊，根據使用者點選確認框上的按鈕返回true與false。 用法： if(confirm("確定要清空資料

Python2.x編譯器列印中文出現亂碼的三種解決方案（本人以VS2017與VS Code為例，使用其他整合開發工具的也可參考下）

本文主要介紹了三種解決方案： 解決方案一：在需要列印的中文字元前加個u，用於標識所要列印的是一個Unicode字串。（我感覺著一種方法是最簡單和省事的，並且使用其他整合開發工具的若遇到類似的問題，也應該可以使用這種方法解決，具體大家可以在下方評論）（測試此方法不適合在Vis

（作業系統實驗）n道批處理系統下三種常見的作業排程演算法實現

單道和多道批處理作業排程演算法 批處理就是把一批量的作業放入批處理系統進行處理。主要有兩個過程： 把作業調入磁碟（外存）的輸入井中（等待被調入記憶體） 調入記憶體中被執行 根據批處理系統的道數，分為單道批處理系統和多道批處理系統： 單道批處理系統：一次只允

js三種彈出框的方式

http://www.jb51.net/article/81376.htm 學習過js的小夥伴會發現，我們在一些例項中用到了alert()方法、prompt()方法、prompt()方法，他們都是在螢幕上彈出一個對話方塊，並且在上面顯示括號內的內容，使用這種方法使得

Linux作業系統下三種配置環境變數的方法（Linux檢視環境變數當前資訊和檢視命令）

在Unix風格的作業系統裡(包括BSD, GNU/Linux 和 Mac OS X)，通常用波浪號“~”來表示當前使用者的主目錄(home目錄)：例如，如果當前使用者的home目錄是/home/bloggsj，那麼，輸入 cd 或 cd ~ 或 cd /home/bloggsj 或 cd $HOME 都是等

JavaScript的三種對話框是通過調用window對象的三個方法alert()，confirm()和prompt()

使用 運行 clas 都是 class 結果 腳本 但是 files 第一種：alert()方法 alert()方法是這三種對話框中最容易使用的一種，她可以用來簡單而明了地將alert()括號內的文本信息顯示在對話框中，我們將它稱為警示對話框，要顯示的信息放置在括號內，該對

thinkphp5 三種重定向（跳轉）

scrip names 成功 三種 line hist server -s 需要 頁面跳轉 在應用開發中，經常會遇到一些帶有提示信息的跳轉頁面，例如操作成功或者操作錯誤頁面，並且自動跳轉到另外一個目標頁面。系統的\think\Controller類內置了兩個跳轉方法succ

spring boot-mybatis三種動態sql（5）

內部 轉換成 ava .get bat class ide div upd 腳本sql XML配置方式的動態SQL我就不講了，有興趣可以自己了解，下面是用<script>的方式把它照搬過來，用註解來實現。適用於xml配置轉換到註解配置 @Select("&l

Java實現二維數組轉置的三種輸出方法（IntelliJ IDEA 2017.2.6 x64）

color intellij 實現 ret ati create tel eat clas 1 import java.util.Arrays; 2 3 /** 4 * Created by Stefango at 9:54 on 2018/7/22

JS --- 三種彈窗

pre javascrip 三種 rip 彈窗 提示信息 -- 允許 ext alert：帶有提示信息的警告彈窗。 confirm：允許用戶選擇的彈窗 prompt：帶有提示信息的可輸入的對話框 <script type="text/javascript">