[線上讀書會][S01E15] 微應用：Angular & Line Notify / Pipe

讀書會
1

微應用：Angular & Line Notify / Pipe 相關資源及討論串

pipe的介紹
type assertion

1個讚
2

微應用的相關資料：

謝謝各位幫忙 Code Review！受益良多～感謝!!!

4個讚
3

不好意思想請教一下，在 DEMO 過程中有貼上 Code 的動作，想了解一下是透過什麼套件或工具來做的?

另外有測試如下的 Type Assertion ，不過沒有提示錯誤，不知道是不是版本不同的關係 Orz

export class AppComponent {
  t: Test = {};
}

interface Test {
  someThing?: string;
}

測試時使用版本:

angular: 4.0.0
typescript: 2.3.2
4

這樣的情況下不會有錯誤的，因為你的 interface Test 裡的 someThing 是 option，表示可有可無。
所以在 t: Test = {} 也就會正常的通過

你可以試試看把 interface 裡的 something? 改為 something。

1個讚
5

我貼 Code 的工具是用 snippets.me，不過很久沒更新了

使用時建議不要設定成縮至系統列（Windows 右下角），我之前這樣設定的時候，在 Win 10 的環境很他的程式容易當掉

1個讚
6

想請問在影片中19:29秒的地方，有使用到cli的lazy:true，

我們在載入的時候有其他的方式嗎？或是有什麼辦法可以判斷是否載入完成。

還是只能使用影片中提道的append一個script elment？

function loadScript(scriptUrl) {
   const script = document.createElement('script');
   script.src = scriptUrl;
   document.body.appendChild(script);
}

loadScript('lazy-style.bundle.js');
1個讚
7

這個作法是參考這 issue How to lazy load global style?
目前還沒有看到其他好的做法
或許可以寫一個 service 用來幫助我們動態載入、偵測是否有載入該 style

1個讚