Plunker：相同的代碼，但無法運行 - 錯誤：混合內容

Question

我從一個plunker示例複製代碼，但它只是不按預期方式工作。

我把代碼形式此plunker example，http://embed.plnkr.co/xCyDvQ/

我只是複製並以我個人plunker創建粘貼，但你可以看到，my plunker，https://plnkr.co/edit/4bxI8Qd8ftVfaE4D7veN?p=preview不顯示結果。

你知道那裏有什麼錯嗎？我的設置是否不正確？

Answer 1

之所以沒有奏效的是，瀏覽器阻止來自不安全的來源（又名http://）和原始來源請求被https://導致混合內容這是爲什麼它沒有工作：

因此，您必須將所有http://腳本和來源替換爲https://，或者必須將其替換爲https://。

下面是更新Plunkr

只是爲了讓你知道，embed.plnkr.co域並沒有阻止任何不安全的腳本，因爲域名是不是https://。